HTML5页面上是否可以有多个画布？

Question

我想知道是否有可能在HTML5页面上有多个画布完全正常运行。我不久前尝试过这个并且它没有用，但我真的没有时间考虑如何做到这一点并最终失败了。那么在HTML5页面上可以有多个画布完全正常运行吗？

Answer 1

＆＃13;

＆＃13;

ssh

＆＃13;

var cnv1 = document.getElementById("1");
var ctx1 = cnv1.getContext("2d");
var cnv2 = document.getElementById("2");
var ctx2 = cnv2.getContext("2d");

ctx1.fillStyle = "#FF0000";
ctx1.fillRect(0, 0, 50, 75);

ctx2.fillStyle = "#0000FF";
ctx2.fillRect(0, 0, 50, 75);

＆＃13;

canvas {
  border: 2px solid black;
}

＆＃13;

＆＃13;

＆＃13;