如何将画布绘制到新的html页面

Question

我知道将画布绘制到我正在处理的同一页面上是可行的。但是，如何将画布绘制到＆＃34;其他页面＆＃34;？例如，每次我点击＆＃34;绘制＆＃34;按钮，它将创建一个新的HTML页面并在新页面上绘制任何内容。

Answer 1

您可以使用postMessage将数据发送到其他页面：

button.onclick=function(){
window.open("drawer.html");
window.postMessage("draw","*");
}

现在你必须在抽屉html中抓住它：

window.addEventListener("message",draw,false);
function draw(){
//draw into canvas
}