HTML5 canvas lineCap 属性

HTML 5 canvas lineCap 属性 HTML5 Canvas 参考手册 实例 绘制圆形的结束线帽: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d);ctx.beginPath(); ctx.lin...

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

HTML5 canvas addColorStop() 方法

HTML5 canvas addColorStop() 方法 HTML5 Canvas 参考手册 实例 定义一个从黑到白的渐变,作为矩形的填充样式: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById('myCanvas')...

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

HTML5 canvas createRadialGradient() 方法

HTML5 canvas createRadialGradient() 方法 HTML5 Canvas 参考手册 实例 绘制一个矩形,并用放射状/圆形渐变进行填充: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCan...

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

HTML5 canvas createPattern() 方法

HTML5 canvas createPattern() 方法 HTML5 Canvas 参考手册 实例 用到的图像: 在水平和垂直方向重复图像: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=...

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

HTML5 canvas createLinearGradient() 方法

HTML5 canvas createLinearGradient() 方法 HTML5 Canvas 参考手册 实例 定义从黑到白的渐变(从左向右),作为矩形的填充样式: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getEle...

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

HTML5 canvas shadowOffsetY 属性

HTML 5 canvas shadowOffsetY 属性 HTML5 Canvas 参考手册 实例 绘制一个矩形,带有向下偏移 20 像素的阴影(从矩形的 top 位置): Your browser does not support the canvas tag. JavaScript: var c=document.getEleme...

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

HTML5 canvas shadowOffsetX 属性

HTML 5 canvas shadowOffsetX 属性 HTML5 Canvas 参考手册 实例 绘制一个矩形,带有向右偏移 20 像素的阴影(从矩形的 left 位置): Your browser does not support the canvas tag. JavaScript: var c=document.getElem...

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

HTML5 canvas shadowBlur 属性

HTML 5 canvas shadowBlur 属性 HTML5 Canvas 参考手册 实例 绘制一个带有黑色阴影的蓝色矩形,模糊级数是 20: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById("myCanvas");var c...

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

HTML5 canvas shadowColor 属性

HTML 5 canvas shadowColor 属性 HTML5 Canvas 参考手册 实例 绘制一个带有黑色阴影的蓝色矩形: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById("myCanvas");var ctx=c.getContext("2d"...

发布于 2017-08-07 阅读(121)

HTML5 canvas strokeStyle 属性

HTML 5 canvas strokeStyle 属性 HTML5 Canvas 参考手册 实例 绘制一个矩形。请用蓝色的笔触颜色: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d)...

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