阴影
在canvas中进行绘制时，不管是文本、图形、还是图像，也不管是描边还是填充，都可以通过设置上下文对象的相关属性，来为它们设置阴影。这些属性及含义见表 4：
| 属性 | 含义 |
|---|---|
| 根据canvas规范，只有在满足以下两个条件时，浏览器才会绘制阴影：1）指定了一个非全透明的shadowColor属性值；2）shadowOffsetX、shadowOffsetY、shadowBlur三个属性中，至少有一个属性的值不是0。
以下代码给黑色的文本增加灰色的阴影： 上述代码中，阴影在X轴的偏移量和Y轴的偏移量都设置的比较大，故产生的阴影也比较远，文本在画布也浮得较高。运行结果如图 44 所示：
 图4-24 阴影效果
由于阴影的shadowOffsetX属性被设置为正值，而shadowOffsetY属性被设置为负值，故阴影在X轴向右偏移，在Y轴向上偏移。 说明： 歪脖 的《HTML宝典》，欢迎在线阅读，并提出宝贵意见。 声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！
HTML5 颜色及透明度
上一篇
2018年3月21日
Coder止步35岁？别闹,这份书单带你走上程序员进阶之路！
下一篇
2018年3月21日
|