html5使用canvas绘制一张图片_html5教程技巧
程序员文章站
2022-03-17 11:59:38
...
复制代码
代码如下:var canvas=document.getElementById("canvas");
var cxt=canvas.getContext("2d");
var img=new Image();
img.src="cat.jpg";
cxt.drawImage(img,10,10,490,382);
/*
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
.呵呵
*/
上一篇: 怎样用canvas来绘制彩色七巧板
推荐阅读
-
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例_html5教程技巧
-
html5使用canvas实现图片下载功能的示例代码
-
HTML5 Canvas绘制文本及图片的基础教程
-
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
-
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
-
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
-
html5使用canvas实现图片下载功能的示例代码
-
html5使用canvas绘制文字特效
-
html5使用canvas绘制太阳系效果