エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
phina.jsのShapeを画像として使う - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
phina.jsのShapeを画像として使う - Qiita
はじめに この記事では、phina.jsのv0.2を使用しています。 https://cdn.rawgit.com/phi-jp/phina.js/v0... はじめに この記事では、phina.jsのv0.2を使用しています。 https://cdn.rawgit.com/phi-jp/phina.js/v0.2.0/build/phina.js Shape一つだけのものから画像を出力する ShapeはCanvasに描画しているので、Canvasを取得できれば後は何とでもできます。 ただしShape系のオブジェクトは、インスタンスを生成した時点では、まだ、Canvasに図形が描画されていないので、update前に画像として使いたい場合は、明示的に描画する必要があります。 v0.2での一番簡単な方法 var canvas = StarShape().flare('enterframe').canvas.domElement; これで星の描画されたCanvasが取得できます。 このCanvasから別タブで画像を開く場合は、toDataURL()でU