javascript - 无法定位 Canvas 的子元素

Question

这是我的代码

    javascript: (function() {
    var canvas = document.getElementById("app-view").children[1];
    var img = canvas.toDataURL("image/png");
    window.open(img);
    })();

和here is the app element我希望将第二个 Canvas 元素“children 1”作为目标，但由于某种原因它不起作用并且总是卡在第一个元素上。一个解决方案将不胜感激，提前致谢!

在图片中，它总是以黄色的第一个 Canvas 为目标，但我需要以蓝色显示的 Canvas 。您可以通过将脚本保存为浏览器中的书签来测试代码。

Answer 1

一直没弄明白为什么toDataURL获取的是左边 Canvas 的数据，不过如果想保存 Canvas ，可以用隔离

var can = document.getElementById("app-view").children[1];
jQuery("body > *").remove();
jQuery("body").append(can) ;

然后现在您可以右键单击并保存 Canvas