美文网首页
canvas内的字体实现阴影效果

canvas内的字体实现阴影效果

作者: 梦里梦不到的梦_b5c8 | 来源:发表于2018-12-15 16:30 被阅读0次

api介绍

可以通过几种全局context属性来控制阴影。 

shadowColor任何CSS中的颜色值。可以使用透明度(alpha) 

ShadowOffsetX像素值。值为正数,向右移动阴影;值为负数,向左移动阴影 

shadowOffsetY像素值。值为正数,向下移动阴影;值为负数,向上移动阴影 

shadowBlur高斯模糊值。值越大,阴影边缘越模糊

// 设置文字阴影的颜色为黑色,透明度为20% 

context.shadowColor = 'rgba(0, 0, 0, 0.2)';

 // 将阴影向右移动15px,向上移动10px    

context.shadowOffsetX = 2;

context.shadowOffsetY = 2;

 // 轻微模糊阴影   

 context.shadowBlur = 2;

相关文章

网友评论

      本文标题:canvas内的字体实现阴影效果

      本文链接:https://www.haomeiwen.com/subject/asuahqtx.html