2

我正在考虑创建一个网站，允许人们为某种产品创建自己的设计。本产品可以有直线、曲线、正方形和各种形状。我不仅希望这些人能够自由地手绘他们自己的作品，而且还能够将某些库存图像拖放（或在一个区域中单击）到模板上。我使用 HTML/Canvas 开始了这个项目，并实现了手绘/形状/线条的绘制，但我读过一些地方说我应该使用 SVG 来绘制图像。

读到我应该将 SVG 用于图像，这让我想到，由于我是 HTML 和网站设计的新手，我可能应该以不同的方式来做这件事。所以我想知道有些人将如何实现这一点。对于一个好的概念，想想人们可以设计自己的 T 恤的网站。您只需在方形画布上绘制圆形/正方形/线条/徒手，但也可以在那里粘贴库存照片。谢谢，我不是在寻找代码，只是想知道我是否应该使用 HTML/SVG/Canvas 的混合，或者我不知道的完全不同的东西。

总结.... svg，或画布.......或两者兼而有之，或完全其他的东西。

4

1 回答 1

2

好的，这就是我想你希望它工作的方式：

  1. 您的客户选择 T 恤尺寸和款式。
  2. 您网站中的嵌入式应用程序允许用户绘制他们想要的精美设计或导入图像
  3. 价格是根据 T 恤的尺寸和印刷品的尺寸计算的
  4. 成功付款后，您会在后端收到打印图像、订单详细信息，然后将该图像输入您的 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？我不知道是否有任何其他使用画布实现的应用程序具有如此多的工具并且像 SVG-edit 一样好用。

它拥有您需要的一切，包括“另存为 PNG”功能，以防您的 T 恤打印机无法打印 SVG 图像。

于 2013-08-08T09:41:57.877 回答