“未捕获的类型错误:未定义不是一个函数” ==> 在以下情况下会发生错误:ctx = canvas.-6ren">
gpt4 book ai didi

Javascript:将 Canvas 另存为图像==> "Uncaught TypeError: undefined is not a function"

转载 作者:行者123 更新时间:2023-12-03 12:07:09 28 4
gpt4 key购买 nike

我正在尝试将 google map Canvas 另存为 .png 图像。但我反复收到此错误:==>“未捕获的类型错误:未定义不是一个函数”

==> 在以下情况下会发生错误:ctx = canvas.getContext("2d")被称为

我使用在这里找到的 FileSaver.js、Blob.js 和 canvas-toBlob.js: https://github.com/eligrey/FileSaver.js

这是代码(注意:不包括 googelmaps 的initializeMap 函数):

<html>
<head>
<script>
function initializeMap() {
.... bla bla bla ...
}

google.maps.event.addListenerOnce(map, 'idle', function(){

var canvas = document.getElementById('SingleMapCanvas'), ctx = canvas.getContext("2d");

canvas.toBlob(function(blob) {
saveAs(blob, "prettyImage.png");
});
});
</script>
</head>

<body onload="initializeMap();">
<div id="SingleMapCanvas">
</div>
</body>
</html>

最佳答案

您在 HTML 中提到的标签应该是“canvas”标签,而不是“div”

<body onload="initializeMap();">
<canvas id="SingleMapCanvas">
</canvas>
</body>

这是一个 jsFiddle demo对于相同的。希望它有帮助:)

关于Javascript:将 Canvas 另存为图像==> "Uncaught TypeError: undefined is not a function",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25134754/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com