HTML5 Canvas - 添加可编辑边界

Question

我想设计t恤设计师应用程序。当我在画布上放任何T恤时，我想通过添加Text和all来限制用户编辑T恤的某些部分。请看屏幕截图并向我提供详细信息。

请在此处参阅我的代码：http://dstudio.edreamz.in/Sample_tshirt_app/Tshirt_test.htm

Answer 1

将衬衫的背景图形嵌入HTML代码中作为普通图像。然后创建一个具有可编辑区域大小的画布，并使用CSS定位将其放置在图像上方。

这样做的好处是画布对背景没有破坏性。当您在画布上擦除某些内容时，其下方的背景图像仍然完好无损。