html5 – 如何在HTML画布中绘制渐变线?

前端之家收集整理的这篇文章主要介绍了html5 – 如何在HTML画布中绘制渐变线?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在画一条梯度的线条.画布怎么样?

解决方法

是.例:
  1. // linear gradient from start to end of line
  2. var grad= ctx.createLinearGradient(50,50,150,150);
  3. grad.addColorStop(0,"red");
  4. grad.addColorStop(1,"green");
  5.  
  6. ctx.strokeStyle = grad;
  7.  
  8. ctx.beginPath();
  9. ctx.moveTo(50,50);
  10. ctx.lineTo(150,150);
  11.  
  12. ctx.stroke();

在这里看到它:

http://jsfiddle.net/9bMPD/

猜你在找的HTML5相关文章