在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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码