Javascript 如何更改双分区画布的内容

我有两个部门：

<div id="div_h">
    <canvas class="canvas" width="570" height="428" id="myCanvas"></canvas>
</div>


<div  id="div_p">
    <canvas class="canvas" width="828" height="528" id="canvas"  ></canvas>
</div>

但当我点击finish按钮时，画布变成了白色。

---

“我的画布”的内容是两个不同的图像。

您可以使用以下内容：

$（'#finish'）。单击（函数（）{
var elms1=$（'#div_h'）.children（）.detach（）；
var elms2=$（'#div_p'）.children（）.detach（）；
$（'div_h'）。追加（elms2）；
$（'div_p'）。追加（elms1）；
console.log（$（'#div_h'）.find（“canvas”）.attr（“id”）；
console.log（$（'#div_p'）.find（“canvas”）.attr（“id”）；
});

完成
您可以使用以下内容：


$（'#finish'）。单击（函数（）{
var elms1=$（'#div_h'）.children（）.detach（）；
var elms2=$（'#div_p'）.children（）.detach（）；
$（'div_h'）。追加（elms2）；
$（'div_p'）。追加（elms1）；
console.log（$（'#div_h'）.find（“canvas”）.attr（“id”）；
console.log（$（'#div_p'）.find（“canvas”）.attr（“id”）；
});

完成
那么，您想将画布从div\u p交换到div\u h，反之亦然？是的。我想交换两个画布。您需要重新运行代码来实例化画布中的任何内容。在这之后，画布元素将是全新的dom元素。使用CSS交换div的位置将是一个更简单、更高效的解决方案。如何将一个画布的内容绘制到另一个画布？（您可能需要一个隐藏的虚拟画布来洗牌图像）因此，您想将画布从div_p交换到div_h，反之亦然？是的。我想交换两个画布。您需要重新运行代码来实例化画布中的任何内容。在这之后，画布元素将是全新的dom元素。使用CSS交换div的位置将是一个更简单、更高效的解决方案。如何将一个画布的内容绘制到另一个画布？（您可能需要一个隐藏的虚拟画布来洗牌周围的图像）
$('#finish').click(function() {

                $el_div_h = $('#div_h');
                $el_div_p = $('#div_p');

                $div_h      = $el_div_h.html();
                $div_p  = $el_div_p.html();

                $el_div_h.empty();
                $el_div_p.empty();

                $el_div_h.html($div_p);
                $el_div_p.html($div_h);

            });