[解決済み] HTML Canvas を gif/jpg/png/pdf としてキャプチャしますか?
2022-03-21 07:38:45
質問
htmlのキャンバスに表示されているものを画像やpdfとして取り込んだり印刷したりすることは可能でしょうか?
キャンバスで画像を生成し、その画像からpngを生成できるようにしたいのですが、可能でしょうか?
どのように解決するのですか?
当初の回答は、類似の質問に対する具体的なものでした。これを修正しました。
var canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");
を IMG で指定すると、次のように新しい画像として書き出すことができます。
document.getElementById("existing-image-id").src = img;
または
document.write('<img src="'+img+'"/>');
関連
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み】JavaScriptで文字列をBase64にエンコードするにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vueの補間表現とv-textディレクティブの違いについて
-
Vueの「データを聴く」原則を解説
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
[解決済み] HTML5 CanvasとSVGとdivの比較
-
[解決済み] ブラウザ上でSVGを画像(JPEG、PNGなど)に変換できる
-
[解決済み】HTML5 Canvasをサーバーに画像として保存する方法は?