html5画布形状填充

Question

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

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

Answer 1

这可以通过制作剪辑区域来实现。基本思想是画布上有一条路径，所有绘图都被限制在其中。

制作形状，而不是调用stroke() 或fill()，而是调用clip()

如果您不太了解剪辑区域的工作原理，可以参考一些 examples。