javascript - 如何在wordpress编辑器中绘制 Canvas

标签 javascript html wordpress canvas

我正在尝试在 wordpress 编辑器中绘制 Canvas 。 在为我的插件定制按钮的“页面”中,我可以使用以下方法添加 Canvas :

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

但是当我试图在 Canvas 上画东西时它不起作用。

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Georgia";
ctx.fillText("test", 90, 50);

我不确定为什么它找不到 Canvas 来绘制它。

最佳答案

也许这个插件对你有用。

https://wordpress.org/plugins/wc-shortcodes/

请尝试一下。

关于javascript - 如何在wordpress编辑器中绘制 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32777078/

相关文章:

javascript - 无法从 Select2 中选择任何项目

javascript - 在 android chrome 浏览器上运行 ffmpeg.wasm 时出现错误 "WebAssembly.Memory(): could not allocate memory"

html - 调整大小时 Bootstrap 困惑

php - 如何删除 woocommerce 错误您不能将另一个 “PRODUCT NAME” 添加到您的购物车

php - 如何在wordpress页面上以不同格式显示第一篇文章?

javascript - 什么是 HTML5 规范中的解析器插入脚本

javascript - 对欧芹分钟检查错误消息的特殊效果,Rails 4

javascript - 我可以在 knockout.js 中创建使用其他绑定(bind)的自定义绑定(bind)吗

html - 如何使用 CSS 为图标 fa-circle 设置动画,使其看起来像录制视频时闪烁的红点?

javascript - 使用 javascript 是否可以根据用户是否来自特定网址(可能使用 Referrer)添加一些 CSS?