位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5 canvas文本应用 应用阴影

提问人:刘团圆发布时间:2020-11-14

    使用内置的canvas Shadow API为文本添加模糊阴影的效果。虽然能够通过HTML5 canvas API将阴影效果应用于之前执行的任何操作中,但与很多图形效果的应用类似,阴影效果的使用也要把握好度。可以通过几种全局context属性来控制阴影,如表所示。

厲性

备注

shddowColor

任何css中的颜色值

可以使用透明度dlphd )

ShadowOfFsetX

像素值

值为正数,向右移动阴影;

值为负数,向左移动阴影

shddowOfTsetY

像素值

值为正数,向下移动阴影;

值为负数,向上移动阴影

shadowBlur

高斯模糊值

值越大,阴影边缘越模糊

当shadowColor或者其他任意一项属性的值被赋力非默认值时,路径、文本和图片上的阴影效果就会被触发。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部