canvas------绘制虚线

var myCanvas=document.querySelector('canvas');
    //获取上下文
    var ctx=myCanvas.getContext('2d');
    ctx.beginPath();
    ctx.lineWidth=5;
    ctx.moveTo(200,200);
    ctx.lineTo(450,200);
    ctx.setLineDash([5,15,10]);
    ctx.lineCap="round";
    ctx.stroke();
</script>

setLineDash()方法参数是一个数组，里面的值表示一个排列规律，像这里就是表示这一条虚线是按照：实线5px 空15px 实线10px 排列的

 

ctx.lineDashOffset

设置虚线的平移量