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
设置虚线的平移量