4

JavaScript /Html5Canvasを使用して作成されたグラフィックデザインを入手しました。

こちらをご覧ください：http： //yeda.us/js/logos.js

今、私はこのグラフィック要素をグラフィックデザイナーに彼が扱うことができるいくつかのフォーマットで与える必要があります：フォトショップまたはイラストレーターに優しいフォーマットのいずれかで。

これで、もちろんスクリーンショットを撮ってそこから作業を開始できますが、後でもっと堅牢に使用できるベクター形式のこのグラフィックが必要です。

上記のコードをグラフィックに変換する方法はありますか？おそらくそれをSVGに変換しますか？

4

2 に答える 2

5

描画コマンドからSVG出力を作成するHTML5キャンバスと互換性のあるAPIを定義するSVGCanvasをチェックしてください。おそらくすべてを処理するわけではありませんが、簡単な例でうまくいくはずです。

コードの関連する部分を左側のテキストエリアの1つに貼り付けて[実行]をクリックし、右側のテキストエリアからsvg出力をコピーするだけです。

于 2012-01-05T16:58:33.617 に答える
2

他の人がコメントしたように、Canvas->SVG変換を行うのに役立つツールはありません。ただし、コードはそれほど違いはありません。提供したサンプルはかなり小さいため、Raphael.jsを使用してSVGを生成し、投稿したコードをRaphael.jsに変換できます。

http://raphaeljs.com/

アップデート

もう少し詳細

  1. Raphael.jsを含める
  2. スクリプトを1行ずつ調べて、Raphael.jsで同等のものを見つけてください。たとえば、実行しているrgbカラーのものはこれを使用します：http：//raphaeljs.com/reference.html#Raphael.rgb
  3. 結果のjsを実行します
  4. 生成されたSVGを保存します
于 2012-01-05T15:52:19.643 に答える