Javascript 如何在wordpress编辑器中绘制画布

我试图在wordpress编辑器中绘制画布。 在带有自定义插件按钮的“页面”中，我可以使用以下方式添加画布：

wp.media.editor.insert('<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">canvas test </canvas>');

---

我不知道为什么它找不到画布来画它

也许这个插件对你有用

---

请试一试。好的，我找到了正确的方法

“页面”和“帖子”中的编辑器位于iframe中。 这是在画布中访问和绘制的方法：

    var iframe = document.getElementById('content_ifr');
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
    var canvas = innerDoc.getElementById('myCanvas');
    var ctx = canvas.getContext("2d");
    ctx.font = "30px Georgia";
    ctx.fillText("test", 90, 50); 

    var iframe = document.getElementById('content_ifr');
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
    var canvas = innerDoc.getElementById('myCanvas');
    var ctx = canvas.getContext("2d");
    ctx.font = "30px Georgia";
    ctx.fillText("test", 90, 50);