自学教程HTML canvas getImageData() 方法
下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布： 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Sa...
HTML5 canvas 参考手册 第4页
HTML canvas globalCompositeOperation 属性
使用不同的 globalCompositeOperation 值绘制矩形。红色矩形是目标图像，蓝色矩形是源图像： source-overde stination-over YourbrowserdoesnotsupporttheHTML5c...
HTML canvas fillRect() 方法
绘制 150*100 像素的已填充矩形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElemen...
HTML canvas clearRect() 方法
在给定矩形内清空一个矩形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElementById("...
HTML canvas miterLimit 属性
以最大斜接长度 5 绘制线条： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElementById...
HTML canvas lineWidth 属性
用宽度为 10 像素的线条来绘制矩形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElement...
HTML canvas lineJoin 属性
当两条线条交汇时，创建圆形边角： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElementByI...
HTML canvas shadowOffsetX 属性
绘制一个矩形，带有向右偏移 20 像素的阴影（从矩形的 left 位置）： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=d...
HTML canvas shadowBlur 属性
绘制一个带有黑色阴影的红色矩形，模糊级数是 20： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getE...
HTML canvas lineCap 属性
绘制圆形的结束线帽： 您的浏览器不支持 HTML5 canvas 标签。 JavaScript： 实例 Run this code » var c=document.getElementById("myCanvas"); var ctx=c...