如何在HTML canvas中绘制渐变线？
如何在HTML canvas中绘制渐变线？
提问于 2011-09-25 03:16:28
我试着画一条梯度线。在canvas中这是怎么可能的？
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-09-25 04:34:31
是。示例：
// linear gradient from start to end of line
var grad= ctx.createLinearGradient(50, 50, 150, 150);
grad.addColorStop(0, "red");
grad.addColorStop(1, "green");
ctx.strokeStyle = grad;
ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(150,150);
ctx.stroke();在这里看看它的实际效果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7541286
复制相关文章
相似问题