私が作業しているのと同じページにキャンバスを描くことは可能です。しかし、どのようにキャンバスを「他のページ」に描画できますか?たとえば、「描画」ボタンをクリックするたびに、新しいHTMLページが作成され、新しいページには何かが描画されます。新しいhtmlページにキャンバスを描画する方法
1
A
答えて
0
あなたはのpostMessageを使用して他のページにデータを送ることができます:
button.onclick=function(){
window.open("drawer.html");
window.postMessage("draw","*");
}
今、あなたは引き出しHTMLでそれをキャッチする必要があります。
window.addEventListener("message",draw,false);
function draw(){
//draw into canvas
}
+0
iFrameが必要ですか? –
+0
いいえ、新しく開いたページにスクリプトを読み込む必要があります –
関連する問題
- 1. HTMLキャンバス描画
- 2. キャンバスの描画をズームする方法
- 3. Html 5キャンバスで傾斜した長方形を描画する方法?
- 4. Scala-JSを使用してHTMLキャンバスに描画するには
- 5. アンドロイドで小さな画像をキャンバスに描画する方法
- 6. HTMLページでシーケンス図を描画する方法
- 7. HTMLキャンバスでの描画シェイプの配置
- 8. androidのデータベースデータを使用してキャンバスを描画する方法
- 9. HTMLキャンバスは描画直後に矩形を消去します
- 10. JavaScriptで更新するキャンバス描画を更新する
- 11. キャンバス上にテキストを描画し、画面
- 12. 新しいオブジェクトを描画するためにキャンバスをリフレッシュする
- 13. HTML 5のキャンバスに静的な背景を描画する
- 14. キャンバス上の2点間にアークを描画する方法は?
- 15. TGPGraphicsのコンテンツをキャンバスに描画する方法
- 16. アンドロイドスタジオのキャンバスにイメージビューを描画する方法は?
- 17. Unityでキャンバスに2Dグラフを描画する方法
- 18. HTMLキャンバス:イメージがキャンバスに描画されないのはなぜですか?
- 19. HTMLキャンバス描画アプリケーションが別の画面サイズで破損する
- 20. htmlページの描画図
- 21. HTML5キャンバス描画
- 22. キャンバスの代わりにバックスクリーンビットマップに描画する方法
- 23. HTML5キャンバスの描画と更新
- 24. html 5キャンバスで画像を描き、影で回転させる方法
- 25. htmlキャンバス描画イメージが動作しない
- 26. HTMLキャンバス上の正方形をクリアして再描画するプロセス
- 27. HTMLキャンバスイメージ - ページにマルチキャンバスイメージを描画
- 28. 新しいウィンドウで開くと画像がキャンバスに描画されない
- 29. Javascriptでキャンバス上に描画する方法
- 30. イメージを描画キャンバスにフラッシュ
利用のpostMessage ... –
は、作成方法新しいHTMLページは、同じページにiframeとして埋め込まれていますか? – manjs
この回答は役に立ちます:http://stackoverflow.com/questions/19871886/how-to-create-an-html-page-dynamically-in-javascript –