了解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 2018-10-15 23:54:35