6

canvas タグと JavaScript を使用して複雑な画像を描画する際に問題に直面しています。

任意の画像を描画できるツール、つまりエディターが必要です。キャンバスを使用して Javascript コードを返します。これを HTML ページに含めることができます。

ありがとう!

4

3 に答える 3

11

複雑なキャンバスの形状を描画してHTMLファイルにエクスポートできるプロジェクトがあります。その後、必要に応じてファイルを編集できます

私のプロジェクトはhttp://canvimation.github.com/にあります

これがお役に立てば幸いです

于 2013-03-18T17:18:32.440 に答える
6

非常に複雑な画像の場合は、Adobe Illustrator を使用してデザインを行います (世界クラスのデザイン エディター)。

次に、画像を .SVG 形式で保存します。

ところで、ファイル (「yourArt.svg」など) を img タグに直接読み込むことができます。

しかし、あなたの質問にはさらに、FabricJS と呼ばれるキャンバス描画ライブラリを使用して、svg を読み取り、キャンバスに描画することができます。ライブラリの Web サイトは次のとおりです。http://fabricjs.com/

または、オンライン変換ツールを使用して yourArt.svg を必要なキャンバス描画コマンドに変換することもできます。一般的な svg-to-canvas コンバーターは次のとおりです: http://www.professorcloud.com/svg-to-canvas/

警告の言葉...特にアートワークが Illustrator のより高度な技術を使用している場合、これらの技術は、結果として得られるキャンバス描画コマンドの微調整を必要とする場合があります。

アートワークは非常に複雑であり、それでも処理できます! FabricJS デモの SVG セクションをチェックしてください: http://fabricjs.com/kitchensink/

于 2013-03-18T06:04:45.463 に答える
2

もう 1 つの優れたオンライン ツールは、HTML Canvas Studioです。

他のペイント プログラムと同じように動作し、終了したら図面を HTML+JS にエクスポートできます。

このツールは http://www.htmlcanvasstudio.com/にあります。

于 2013-09-18T07:09:56.140 に答える