2

人々が特定の製品の独自のデザインを作成できる Web サイトの作成を検討しています。この製品は、直線、曲線、正方形、およびさまざまな形状を使用できます。これらの人々が自分のアートワークをフリーハンドで描画できるようにするだけでなく、特定のストック画像をテンプレートにドラッグ アンド ドロップ (または領域内をクリック) できるようにしたいと考えています。HTML/Canvas を使用してこのプロジェクトを開始し、フリーハンド/図形/線の描画を実装しましたが、画像に SVG を使用する必要があると書かれている場所をいくつか読みました。

画像に SVG を使用する必要があることを読んで、私は HTML と Web サイトのデザイン全般の初心者であるため、これを別の方法で行うべきだと考えました。ですから、一部の人々がこれをどのように実装するのか疑問に思っていました。良いコンセプトとして、人々が自分の T シャツをデザインできる Web サイトを考えてみてください。正方形のキャンバスに円/四角/線/フリーハンドで描くだけでなく、そこにストックフォトを貼り付けることもできます。ありがとう、私はコードを探しているのではなく、HTML/SVG/Canvas を組み合わせて使用​​する必要があるのか​​ 、それとも私が知らない完全に異なるものを使用する必要があるのか​​ を知りたいだけです。

要約すると.... svg、またはキャンバス....または両方、または完全に別のもの。

4

1 に答える 1

2

Okay this is how i imagine you want it to work:

  1. Your customers select a tshirt size and style.
  2. An embedded application within your website allows the users to draw a nice design they want or import an image
  3. A price is calculated based on the size of the tshirt and the size of the print
  4. Upon succesful payment, you receive on your backend an image of the print, the order details and you feed that image into your T-shirt printing thingy, you print it and you post it.

これが正しい場合は、これを考慮する必要があります: http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html

不要なツールをいくつか削除し、顧客が選択した T シャツの種類に基づいてさまざまな構成で起動することをお勧めします。その一例がTシャツのサイズです。顧客が小さい T シャツを選択すると、小さいサイズの図面が表示されます。リストは続きます。

ただし、SVG編集は大規模ですが、目的に完全に適合していると私が感じているため、SVG編集をいじるには、優れたJSスキルが必要です。

SVG と Canvas の違いを確認したい場合は、http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/ をお読みください。それはかなり簡単です。

では、なぜ SVG-edit の使用を提案したのでしょうか? キャンバスを使用して実装された、非常に多くのツールがあり、SVG 編集のようにうまく機能するアプリケーションが他にあるかどうかはわかりません。

T シャツ プリンターで SVG 画像が印刷されない場合に役立つ '''SAVE as PNG'' 機能など、必要なものはすべて揃っています。

于 2013-08-08T09:41:57.877 に答える