自学教程HTML canvas textAlign 属性
在位置 150 创建一条红线。位置 150 是下面实例中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实...
参考手册 第36页
HTML canvas font 属性
在画布上写一段 30 像素的文本，使用的字体是 "Arial"： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=docume...
HTML canvas setTransform() 方法
绘制一个矩形，通过 setTransform() 重置并创建新的变换矩阵，再次绘制矩形，重置并创建新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 setTransform() 时，它都会重置前一个变换矩阵然后构建新的矩阵，因此在下面的例...
HTML canvas transform() 方法
绘制一个矩形，通过 transform() 添加一个新的变换矩阵，再次绘制矩形，添加一个新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 transform() 时，它都会在前一个变换矩阵上构建： Yourbrowserdoesnotsu...
HTML canvas translate() 方法
在位置 (10,10) 处绘制一个矩形，将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形（请注意现在矩形从位置 (80,80) 开始绘制）： YourbrowserdoesnotsupporttheHTML5canvasta...
HTML canvas rotate() 方法
将矩形旋转 20 度： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElementById("my...
HTML canvas scale() 方法
绘制矩形，放大到 200%，然后再次绘制矩形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getEle...
HTML canvas isPointInPath() 方法
如果点 20,50 位于当前路径中，则绘制一个矩形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.get...
HTML canvas arcTo() 方法
在画布上创建介于两个切线之间的弧： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElementBy...
HTML canvas arc() 方法
创建一个圆形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElementById("myCanv...