Question

在我的javascript代码中，有一个函数在我的代码中注入了canvas元素。 canvas元素显示10秒后消失。

这是正在注入的代码..

<canvas style="position: absolute; bottom: 15px; top: auto; left: 15px; z-index: 100000; visibility: visible; cursor: pointer;" y="0" x="0" height="17" width="46"></canvas>

问题是我在javascript中找不到那段代码。还有另一种方法可以完全隐藏吗？

Answer 1

真的？

我无法在我的javascript中找到那段代码

反正

假设（！）这是x == 0的唯一画布，y == 2，大小为width == 46，height == 17，你可以使用document.querySelector来获取画布并隐藏它。

// build the query selector for the desired canvas
var query="canvas[x='0'][y='0'][height='17'][width='46']";

// find the canvas
var canvas=document.querySelector(query);

// hide the canvas
canvas.style.display="none";

如果有更多具有该位置和大小的画布，则必须使用querySelectorAll获取所有匹配画布节点的列表，然后迭代该列表以查找具有匹配样式属性的画布。

Answer 2

您可以使用隐藏字段隐藏画布

  let canvasRef = this.canvasRef.current;
  let canvasRect = canvasRef.getBoundingClientRect();
  this.ctx = canvasRef.getContext("2d");
  this.ctx.canvas.hidden = true;

隐藏<canvas>元素</canvas>

2 个答案: