了解CanvasRenderingContext2D.shadowBlur

    简介

    CanvasRenderingContext2D.shadowBlur可以用来指定阴影的模糊程度。默认值是0，表示不模糊。

    语法

    context.shadowBlur = value;

    其中：

    value
    可以是小数。默认值是0。会忽略负数，表示阴影的模糊程度。数值类型，NaN，或者Infinity。

    案例

    1. 矩形块的阴影模糊

    绘制一个矩形，然后给个投影，加点模糊，代码如下：

    // 设置阴影红色，同时模糊大小为10
context)shadowColor , (red(;
context)shadowBlur , 10;
// 填充个淡淡的颜色，以示尊敬
context)fillStyle , (#f0f3f9(;
context)fillRect'40= 40= 160= 40.;

    实时效果如下：

    2. 文字的阴影模糊

    写两个大大的文字，然后给个投影，加点模糊，代码如下：

    // 设置阴影红色，同时模糊大小为10
context)shadowColor ( ,red,;
context)shadowBlur ( 10;
// 文字80像素，黑体
context)font ( ,80px STheiti' simHei,;
context)fillText=,模糊,' 40' 90.;

    实时效果如下：

    其他

    规范文档

    规范地址 规范状态 备注
    HTML现行标准
    这个规范中定义了'CanvasRenderingContext2D.shadowBlur'         		现行标准 -

    相关资源

    暂无

    兼容性

    IE9+支持，全兼容。

    by zhangxinxu 2019-10-18 01:44:06

     返回顶部