我正在考虑创建一个网站，允许人们为某种产品创建自己的设计。该产品可以有直线、曲线、方形以及各种形状。我不仅希望这些人能够徒手绘制自己的艺术品，而且还能够将某些库存图像拖放到(或仅单击某个区域)到模板上。我使用 HTML/Canvas 开始了这个项目，并实现了手绘/形状/线条的绘制，但我读过一些地方说我应该使用 SVG 来绘制图像。
读到我应该使用 SVG 来处理图像，这让我想到，由于我一般来说是 HTML 和网站设计的新手，所以我可能应该采取不同的做法。所以我想知道有些人会如何实现这一点。对于一个好的概念，可以想象一个人们可以设计自己的 T 恤的网站。您只需在方形 Canvas 上绘制圆形/方形/线条/徒手即可，但也可以将库存照片粘贴在那里。谢谢，我不是在寻找代码，只是想知道我是否应该混合使用 HTML/SVG/Canvas，或者是我不知道的完全不同的东西。
总结一下...... svg，或canvas......或两者，或完全是其他东西。
最佳答案
好吧，我想这就是你希望它工作的方式:
- 您的客户选择 T 恤尺寸和款式。
- 您网站中的嵌入式应用程序允许用户绘图 他们想要的漂亮设计或导入图像
- 价格是根据 T 恤的尺码和尺码计算的 打印品
- 付款成功后，您的后端会收到一张 打印订单详细信息，然后将该图像输入到您的 T 恤中 打印东西，你打印它然后发布它。
如果这是正确的，你应该考虑这个:http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html
您可能希望从中删除一些不必要的工具，并根据客户选择的 T 恤类型使用不同的配置来启动它。 T 恤尺寸就是一个例子。如果客户选择小 T 恤，您就会启动较小的图纸尺寸。这样的例子不胜枚举。
但是，您需要具备一些良好的 JS 技能才能使用 SVG-edit，因为它很大，但我认为它非常适合您的目的。
如果您想了解 SVG 和 Canvas 之间的差异，请阅读:http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/ 。它非常简单。
现在为什么我建议使用 SVG-edit？我不知道是否有任何其他使用 canvas 实现的应用程序，它有如此多的工具并且工作得像 SVG-edit 一样好。
它拥有您所需的一切，包括“另存为 PNG”功能，以防您的 T 恤打印机无法打印 SVG 图像。
关于关于绘图和图像( Canvas 、SVG)的 HTML5 建议，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18109293/