html5画布形状填充

Question

我在画布上有一个基本的绘画应用程序，我想制作一个绘图边框，然后创建一个模板。换句话说，我想制作一个形状，然后我希望用户只能在其中绘制，即使他试图在外面画画。

你知道我该怎么做吗？ 感谢

Answer 1

这可以通过制作剪辑区域来实现。基本思想是画布上有一条所有绘图都受约束的路径。

制作形状，而不是拨打stroke()或fill()，拨打clip()

如果你不太了解剪辑区域的工作方式，那么周围会有examples个。