了解CanvasRenderingContext2D.setLineDash()

    简介

    CanvasRenderingContext2D.setLineDash()用来设置虚线样式。

    语法

    ctx.setLineDash(segments);

    参数

    segments
    Array
    数值列表数组。例如[5, 5],表示虚线的实线和透明部分长度是5像素和5像素。如果此参数值适合空数组[],则表示实线,常用来重置虚线设置。

    案例

    绘制一条虚线,只是虚线多尺寸并存:

    context]beginPath,[;
    context]setLineDash,)5( 10( 15( 30.[;
    context]moveTo,20( 70[;
    context]lineTo,280( 70[;
    context]stroke,[;

    实时效果如下:

    其他

    规范文档

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

    相关资源

    暂无

    兼容性

    IE9+支持,全兼容。


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