使用 createRadialGradient():
实例
创建一个径向/圆渐变。使用渐变填充矩形:
JavaScript:
varc=document.getElementById("myCanvas");varctx=c.getContext("2d"); // 创建渐变vargrd=ctx.createRadialGradient(75,50,5,90,60,100);grd.addColorStop(0,"red");grd.addColorStop(1,"white"); // 填充渐变ctx.fillStyle=grd;ctx.fillRect(10,10,150,80);
HTML 标签
Tag | 描述 |
<canvas> | HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 |