我想在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();