我的问题是关于将
<canvas></canvas>我能够将 javascript“Hello World”放到我的 mediawiki 网站上。
为此，我有以下内容：
(function () {
var myElement = document.getElementById('mw-hello-world');
myElement.innerHTML = '<html>Hello World!!!</html>';
}());
<div id="mw-hello-world"></div>
{{Helloworld}}
我现在想在我的主页上放一个
<canvas></canvas>"You would need to write an extension
(Or put it entirely in a javascript file like the page MediaWiki:Common.js on your wiki)"
问题是，
<canvas></canvas><canvas></canvas>Aslo，我确实尝试过执行上述操作，但使用代码：
(function () {
var myElement = document.getElementById('mw-Mycanvas');
myElement.innerHTML = '<html><canvas width="200" height="100" style="border:1px solid red;"></canvas></html>';
}());
And then changing everything appropriately. But it just comes up as blank. But if I do this in HTML I get a red box.
这是要走的路：
const canvas = document.createElement('canvas');
document.getElementById('your-id').appendChild(canvas);
或：
document.getElementById('your-id').innerHTML = '<canvas></canvas>';
参考资料：
好的。 我写的代码确实有效。 但我猜有某种延迟，大约 5 分钟。我不知道。 我也会尝试 InSync 的建议并发布结果。 谢谢
我写了以下内容：
(function () {
var myElement = document.getElementById('mw-Mycanvas');
myElement.innerHTML = '<html><canvas width="200" height="100" style="border:1px solid red;"></canvas></html>';
}());
<div id="mw-Mycanvas"></div>
{{Mycanvas}}