网页设计作业中给图形绘制阴影_学生网页设计制作作业_网页制作作业成品_网页设计作业_计算机毕业设计_php作业_asp作业_网页模板

热点资讯更多

网页设计作业中给图形绘制阴影

我们在制作网页设计作业时，给图形绘制阴影是必须的，下面是对绘制图形阴影的介绍

在HTML5中，使用canvas元素可以给图形添加阴影效果。添加阴影效果时，只需利用图形上下文对象的几个关于阴影绘制的属性就可以了，如下所示：
shadowOffsetX ——阴影的横向位移量
shadowOffsetY——阴影的纵向位移量
shadowBlur ——阴影的模糊范围
shadowColor ——阴影的颜色
shadowOffsetX 和 shadowOffsetY 用来设定阴影在 X 和 Y 轴的延伸距离，它们是不受变换矩阵所影响的。负值表示阴影会往上或左延伸，正值则表示会往下或右延伸，他们默认都是 0。shadowBlur 用于设定阴影的模糊程度，它表示图形阴影边缘的模糊范围。如果不希望阴影的边缘太清晰，需要将阴影的边缘模糊化时可以使用该属性。设定该属性值时必须要设定为比0大的数字，否则将被忽略。一般设定在0至10之间，开发时可以根据情况调整这个数值，以达到满意效果。shadowColor 用于设定阴影效果的延伸，值可以是标准的 CSS 颜色值，默认是全透明的黑色。

上一篇：网页设计作业中绘制变形图形

下一篇：网页设计作业中应用图像

分享到： QQ空间新浪微博腾讯微博人人网更多