将一个画布放在另一个画布上方的问题

Question

var origCanv=document.getElementById("canvas1");
var canv=document.createElement("CANVAS");
document.body.appendChild(canv);
canv.width=origCanv.width;
canv.height=origCanv.height;
var rect=origCanv.getBoundingClientRect();
canv.style.position="fixed";
canv.style.top=rect.top;
canv.style.left=rect.left;
canv.style.zIndex=999999;

如果我的位置是绝对的，那么画布就会被看到，但不是在正确的位置，如果我修好它，我根本看不到它！

Answer 1

尝试在top和left属性上添加单位说明符，然后使用position:absolute。

canv.style.position = 'absolute';
canv.style.top = rect.top + 'px';
canv.style.left = rect.left + 'px';

可能也想使用理智的z-index。如果未定位canvas1，则无需索引。否则尝试最低数字＆gt; canvas1.style.zIndex

这是jsfiddle