2015年4月21日

clearRect清除html5画布

摘要： html5 canvas 清除可以使用clearRect() 方法clearRect() 方法的作用是清空给定矩形内的指定像素。JavaScript 语法：context.clearRect(x,y,width,height);x 要清除的矩形左上角的 x 坐标y 要清除的矩形左上角的 y 坐标wi... 阅读全文

posted @ 2015-04-21 18:20 神奇的旋风 阅读(1936) 评论(0) 推荐(0) 编辑

【HTML5】Canvas之globalCompositeOperation属性详解

摘要： globalCompositeOperation即Canvas中的合成操作。1、source-over这是默认值，他表示绘制的图形将画在现有画布之上[html]view plaincopy2、destination-over这个操作的值与前一个值相反，所以现在目标绘制在源之上[html]view p... 阅读全文

posted @ 2015-04-21 18:19 神奇的旋风 阅读(298) 评论(0) 推荐(0) 编辑

HTML5 canvas getImageData() 方法

摘要： 下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布：var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle... 阅读全文

posted @ 2015-04-21 16:00 神奇的旋风 阅读(4332) 评论(0) 推荐(0) 编辑

canvas的drawImage函数

摘要： HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型：drawImage(image, dx, dy)drawImage(image, dx, dy, dw, dh)drawI... 阅读全文

posted @ 2015-04-21 15:07 神奇的旋风 阅读(1076) 评论(0) 推荐(0) 编辑

导航