发布于 2014-11-19 07:55:37
您可以尝试,但mapquest可能不允许在其静态图像上进行跨域资源共享。
如果CORS配置正确,或者镜像与调用JavaScript位于同一个域,则以下代码可以正常工作。
如果这对您不起作用,那么您将需要通过相同域上的处理程序回显源图像。
function getImage(url) {
var c = document.getElementById("canvas");
var ctx=c.getContext("2d");
var img = new Image();
img.src = url;
img.onload = function(){
ctx.drawImage(img, 400, 200);
document.getElementById("output").src = canvas.toDataURL("image/png");
}
}
getImage("http://lorempixel.com/400/200/");
<canvas id="canvas" style="display:none;">
</canvas>
<img id="output" />
https://stackoverflow.com/questions/27006104
复制相似问题