HTML5 canvas scale() 方法

HTML5 canvas scale() 方法 HTML5 Canvas 参考手册 实例 绘制矩形,放大到 200%,然后再次绘制矩形: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getCo...

发布于 2017-08-05 阅读(225)

HTML5 canvas isPointInPath() 方法

HTML5 canvas isPointInPath() 方法 HTML5 Canvas 参考手册 实例 绘制一个矩形,如果点 20,50 位于当前路径中: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var c...

发布于 2017-08-05 阅读(224)

HTML5 canvas arcTo() 方法

HTML5 canvas arcTo() 方法 HTML5 Canvas 参考手册 实例 在画布上创建介于两个切线之间的弧: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d...

发布于 2017-08-05 阅读(186)

HTML5 canvas arc() 方法

HTML5 canvas arc() 方法 HTML5 Canvas 参考手册 实例 创建一个圆形: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.beginPath(); ctx.arc(100,7...

发布于 2017-08-05 阅读(101)

HTML5 canvas bezierCurveTo() 方法

HTML5 canvas bezierCurveTo() 方法 HTML5 Canvas 参考手册 实例 绘制一条三次贝塞尔曲线: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.b...

发布于 2017-08-05 阅读(164)

HTML5 canvas quadraticCurveTo() 方法

HTML5 canvas quadraticCurveTo() 方法 HTML5 Canvas 参考手册 实例 绘制一条二次贝塞尔曲线: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ct...

发布于 2017-08-05 阅读(128)

HTML5 canvas clip() 方法

HTML5 canvas clip() 方法 HTML5 Canvas 参考手册 实例 从画布中剪切 200*120 像素的矩形区域。然后,绘制绿色矩形。只有被剪切区域内的绿色矩形部分是可见的: Your browser does not support the HTML...

发布于 2017-08-05 阅读(214)

HTML5 canvas lineTo() 方法

HTML5 canvas lineTo() 方法 HTML5 Canvas 参考手册 实例 开始一条路径,移动到位置 0,0。创建到达位置 300,150 的一条线: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementByI...

发布于 2017-08-05 阅读(166)

HTML5 canvas closePath() 方法

HTML5 canvas closePath() 方法 HTML5 Canvas 参考手册 实例 绘制一条路径,形式是字母 L,然后绘制线条以返回开始点: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(...

发布于 2017-08-05 阅读(180)

HTML5 canvas moveTo() 方法

HTML5 canvas moveTo() 方法 HTML5 Canvas 参考手册 实例 开始一条路径,移动到位置 0,0。创建到达位置 300,150 的一条线: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementByI...

发布于 2017-08-05 阅读(230)