HTML5 canvas beginPath() 方法

HTML5 canvas beginPath() 方法 HTML5 Canvas 参考手册 实例 在画布上绘制两条路径;红色和蓝色: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContex...

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

HTML5 canvas stroke() 方法

HTML5 canvas stroke() 方法 HTML5 Canvas 参考手册 实例 绘制一条路径,形状是绿色的字母 L: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d...

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

HTML5 canvas fill() 方法

HTML5 canvas fill() 方法 HTML5 Canvas 参考手册 实例 绘制 150*100 像素的矩形,然后用绿色来给它填色: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c...

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

HTML5 canvas clearRect() 方法

HTML5 canvas clearRect() 方法 HTML5 Canvas 参考手册 实例 在给定矩形内清空一个矩形: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.fi...

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

HTML5 canvas strokeRect() 方法

HTML5 canvas strokeRect() 方法 HTML5 Canvas 参考手册 实例 绘制 150*100 像素的矩形: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.strokeR...

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

HTML5 canvas fillRect() 方法

HTML5 canvas fillRect() 方法 HTML5 Canvas 参考手册 实例 绘制 150*100 像素的已填充矩形: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d); ctx...

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

HTML5 canvas rect() 方法

HTML5 canvas rect() 方法 HTML5 Canvas 参考手册 实例 绘制 150*100 像素的矩形: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d); ctx.rect(20,20,1...

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

HTML5 canvas miterLimit 属性

HTML 5 canvas miterLimit 属性 HTML5 Canvas 参考手册 实例 以最大斜接长度 5 绘制线条: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.lineWidt...

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

HTML5 canvas lineWidth 属性

HTML 5 canvas lineWidth 属性 HTML5 Canvas 参考手册 实例 用宽度为 10 像素的线条来绘制矩形: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d); ct...

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

HTML5 canvas lineJoin 属性

HTML 5 canvas lineJoin 属性 HTML5 Canvas 参考手册 实例 当两条线条交汇时,创建圆形边角: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.b...

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