html5使用canvas绘制一张图片
发布时间：2014-12-15 16:32:06 作者：佚名 
我要评论
我要评论这篇文章主要介绍了html5使用canvas绘制一张图片,需要的朋友可以参考下
<canvas id="canvas" width="600" height="500" style="background-color: yellow;"></canvas>
复制代码
代码如下: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);
/*
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
.呵呵
*/
相关文章
- 在html5中我觉得最重要的就是引入了Canvas，使得我们可以在web中绘制各种图形,而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点，我们必须以js操作绘图2012-12-26
- HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同，感兴趣的朋友可以参考下2013-01-07
HTML5 Canvas绘制超级漂亮的发光Loading动画
HTML5 Canvas相当于一个画板，你可以在Canvas绘制任意的东西，今天要分享一款利用HTML5 Canvas绘制的loading动画效果，非常的漂亮2015-12-09- 在简单的矩形不能满足需求的情况下，可以同本例提供的方法来绘制复杂的形状或路径。下面为大家介绍下HTML5如何在canvas中绘制复杂形状，需要的朋友可以参考下2014-06-23
- 这篇文章主要介绍了HTML5 canvas绘制的玫瑰花效果,适合程序猿在情节送给小女友哦,需要的朋友参考下吧2014-05-29
- 这篇文章主要介绍了html5使用canvas绘制太阳系效果,需要的朋友可以参考下2014-12-15
最新评论