2017-09-21 11 views
0

を用いて画像/キャンバス上の複数の形状Iは、例えば等円形、三角形、星のような事前定義された形状JavaScriptの

を用いて画像を構築したいの追加、ウェブページが左右に分割されています。左にはTシャツのイメージがあります。右側には形のイメージがあります。ユーザーは、Tシャツの画像に図形をドラッグ&ドロップできます。

ユーザーが画像を保存すると、Tシャツ画像に1つの画像を保存する必要があります。

HTMLキャンバスはこのための良い解決策ですか、それともJavaScriptライブラリを使用して達成できますか?

+0

@freginoldを見ることを達成することができますJavaScriptのソリューションのために。 – chanchal118

+0

@ chanchal118 HTML5で図形を作るキャンバスはとても簡単です。ここにはドキュメントがあります:https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes –

+0

@EmilS.Jørgensenここでの主な問題は、最終的な構成からドラッグを使用して最終的に作成することです。他の画像への形状のドロップ。あなたはそれについて何をお勧めしますか?キャンバスや任意のjavascriptライブラリ? – chanchal118

答えて

1

はいcanvasは優れたソリューションであり、クライアントに優れたユーザーエクスペリエンス、

を与えるだろうと、あなたはjquery + Fabricjs

を使用すると、私は探しています。このJSFiddle