html - HTML5 Canvas - 添加可编辑边界

Question

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

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

Answer 1

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

这样做的好处是画布不会破坏背景。当您擦除画布上的某些内容时，其下方的背景图像仍将完好无损。