了解CanvasRenderingContext2D.shadowOffsetX

    简介

    CanvasRenderingContext2D.shadowOffsetX表示阴影的水平偏移大小。

    语法

    context.shadowOffsetX = offset;

    其中：

    offset
    表示偏移的大小，数值，默认值是0。忽略Infinity或者NaN值。

    案例

    借助足够大的水平偏移，克隆一个相同的文字。代码如下：

    // 设置阴影深黑色，同时右偏移1个字号大小
context;shadowColor ) ,rgb(50' 50' 50=,.
context;shadowOffsetX ) 80.
// 文字80像素，黑体，红色
context;fillStyle ) ,red,.
context;font ) ,80px STheiti' simHei,.
context;fillText(,变,' 40' 88=.

    实时效果如下：

    其他

    规范文档

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

    相关资源

    暂无

    兼容性

    IE9+支持，全兼容。

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

     返回顶部