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

Question

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

strokeRect(x, y, width, height)

如何绘制虚线矩形？

Answer 1

这已被添加到画布规范中,并非所有浏览器都已实现它,但现在它已经实现了.

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

Answer 2

虚线没有内置功能，但这里有一个使用自定义 JS 原型的示例：

HTML5 画布和虚线