我一直在尝试在某些页面上插入画布,但对于某些页面它不起作用。似乎是我清除了页面上的所有画布,但是我在页面上的代码中的任何地方都找不到对 .clearRect 的任何调用。
canvas = document.createElement('canvas');
canvas.width = document.width;
canvas.height = document.height;
canvas.style['z-index'] = 999;
canvas.style.position = 'absolute';
canvas.style.top = 0;
canvas.style.left = 0;
document.body.appendChild(canvas);
var ctx = canvas.getContext('2d');
ctx.fillRect(0, 0, 1000, 1000);
有问题的页面是:http ://www.nrk.no/sognogfjordane/helse-forde-har-ikkje-full-oversikt-1.11166801
如果您在此页面上运行相同的代码,它应该可以工作。预期结果是页面上出现一个巨大的黑色方块。
我不明白脚本如何阻止在页面上使用插入的画布。
我正在使用 Chrome。
* 编辑 *
问题不在于我使用了不推荐使用的document.width/height
调用,而是我不知道画布有最大尺寸:<canvas> 元素的最大尺寸