在HTML5画布上绘制虚线?

前端之家收集整理的这篇文章主要介绍了在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.f2er.com/html5/168993.html

猜你在找的HTML5相关文章