Javascript 如何在画布中绘制虚线矩形?

Javascript 如何在画布中绘制虚线矩形?,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我的任务是在画布上进行裁剪,我已经完成了所有的逻辑,但还有一个要求尚未完成,即在选择裁剪区域时绘制一个虚线矩形,如: strokeRect(x, y, width, height) 如何绘制虚线矩形?虚线没有内置功能,但下面是一个使用自定义JS原型的示例: 参考: 这已经添加到canvas规范中,并不是所有的浏览器都实现了它,但它就在这里 context.setLineDash([6]); context.strokeRect(0, 0, 50, 50); 这并不简单。请参阅:看看这个问题:

我的任务是在画布上进行裁剪,我已经完成了所有的逻辑,但还有一个要求尚未完成,即在选择裁剪区域时绘制一个虚线矩形,如:

strokeRect(x, y, width, height)

如何绘制虚线矩形?

虚线没有内置功能,但下面是一个使用自定义JS原型的示例:

参考:


这已经添加到canvas规范中,并不是所有的浏览器都实现了它,但它就在这里

context.setLineDash([6]);
context.strokeRect(0, 0, 50, 50);

这并不简单。请参阅:看看这个问题:是的,您当然可以在javascript中实现polyfill。user319198的答案可能有用吗?
context.setLineDash([6]);
context.strokeRect(0, 0, 50, 50);