了解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 2019-10-18 01:44:05

     返回顶部