在HTML5画布上绘制虚线？

我想在HTML5画布上画一些虚线。但是我找不到有这样的功能。画布路径只能画出实线。人们试图在CSS中使用一些边框特征(点划线，虚线)绘制虚线，但它们只能是水平或垂直的。所以我被困在这个我也找到一个名为 RGraph的库，它可以画虚线。但使用外部库将使绘图真的很慢。任何身体也有如何实现这个想法？任何帮助将不胜感激。

解决方法

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.setLineDash([5,3]);/*dashes are 5px and spaces are 3px*/
ctx.beginPath();
ctx.moveto(0,100);
ctx.lineto(400,100);
ctx.stroke();

JsFIDDLE

原文地址：https://www.jb51.cc/html5/168993.html