Canvas

2019-02-25 16:11:40来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

颜色渐变
// canvas画图
// 颜色渐变
var grd = draw.createLinearGradient(0,0,175,50);
grd.addColorStop(0, '#f00');
grd.addColorStop(0.5, '#0f0');
grd.addColorStop(1.0, '#00f');
draw.fillStyle = grd;
draw.fillRect(10,10, 210, 60);
View Code

 

// 获取元素位置属性
getBoundingClientRect()

// 保留一段时间的特效 
context.globalCompositeOperation = 'destination-out';
// 之前的轨迹透明,之后的轨迹部分显示
context.fillStyle = 'rgba(0, 0, 0, 0.5)';
context.fillRect( 0, 0, cw, ch );
context.globalCompositeOperation = 'lighter';
View Code

 


原文链接:https://www.cnblogs.com/tujw/p/10433677.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:模块封装

下一篇:FreeCodeCamp初级算法部分学习