场景应用:
1)、最开始默认绘制的都是实线。
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.strokeStyle = "black";
context.lineWidth = 5;
context.lineTo(50,50);
...
...
context.stroke();
2)、中间需要绘制一条虚线:
//画一条虚线
context.setLineDash([20]);
context.moveTo(100, 100);
context.lineTo(100, 200);
context.stroke();
3)、后面再绘制的线条,重新切换回实线:
//再次设置恢复为实线,数组再次设置成空即可。(PS: 挺雷人的方法,哈哈)
context.setLineDash([]);
思路感谢这篇文章(办法不好找,哈哈):http://makaidong.com/beevesnoodles/35089_6022557.html