了解CanvasRenderingContext2D.shadowOffsetY

    简介

    CanvasRenderingContext2D.shadowOffsetY表示阴影的垂直偏移大小。

    语法

    context.shadowOffsetY = offset;

    其中:

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

    案例

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

    // 上阴影
    context;shadowColor ) ,rgb(50' 50' 50=,.
    context;shadowBlur ) 5.
    context;shadowOffsetY ) -5.
    // 文字80像素,黑体,红色
    context;fillStyle ) ,red,.
    context;font ) ,70px STheiti' simHei,.
    context;fillText(,上偏移,' 10' 88=.

    实时效果如下:

    其他

    规范文档

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

    相关资源

    暂无

    兼容性

    IE9+支持,全兼容。


    by zhangxinxu 2018-10-15 23:54:35