javascript - Chrome Canvas 上悲伤的脸

Question

当我正在测试一个与窗口缩放和 canvas 相关的错误时我网站上的元素，我注意到在几次调整大小后 canvas element 上印有一张悲伤的小脸(我没有创建)。有谁知道这意味着什么以及为什么它可能在那里？

截图:


虽然很有趣，但也很困惑。

Answer 1

设置 canvas.width 时似乎出现问题和 canvas.height到非常高的值。以下代码段复制了该问题(如果您使用的是 chrome)。

const canvases = document.getElementsByTagName("canvas");

canvases[0].getContext("2d").fillRect(
  0,
  0,
  canvases[0].width,
  canvases[0].height,
);

canvases[1].getContext("2d").fillRect(
  0,
  0,
  canvases[1].width,
  canvases[1].height,
);

canvas {
  width: 100px;
  height: 100px;
  outline: 1px solid #000000;
}

<p>canvas 1: regular<p>

<!--normal values-->
<canvas width="1000" height="1000"></canvas>

<p>canvas 2: very high width and height<p>

<!--very high values-->
<canvas width="100000" height="100000"></canvas>