如何解决未捕获的类型错误:无法在“CanvasRenderingContext2D”上执行“drawImage”
我正在使用 ar.js 库在网站上加载我的相机。
现在我想使用画布从相机捕捉屏幕。但是我得到了标题这样的错误。
这是我尝试做的:
<!DOCTYPE html>
<html>
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<body style="margin: 8px;">
<div id="wrapper">
<canvas style='visibility:hidden;' id='my-canvas'>
<a-scene id="my-camera" embedded arjs>
</a-scene>
<a-entity camera></a-entity>
</div>
</body>
<script>
window.onload = function() {
var camera = document.getElementById('my-camera');
var canvas = document.getElementById('my-canvas');
var context = canvas.getContext('2d');
context.drawImage(camera,400,400);
window.location = canvas.toDataURL("image/png");
}
</script>
</html>
我的预期结果是一个带有捕获图像的新标签。但它有错误:
未捕获的类型错误:无法执行 'drawImage' 'CanvasRenderingContext2D':提供的值不是类型 '(CSSImageValue 或 HTMLImageElement 或 SVGImageElement 或 HTMLVideoElement 或 HTMLCanvasElement 或 ImageBitmap 或 离屏画布)' 在 window.onload
我该如何解决这个问题?
非常感谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。