Question

我想在画布中设置图像的绝对路径。我有一些有背景图像的Div。现在我想在画布上绘制这个图像。

我的尝试：

base_image = new Image();
var bg = $('#imagebox').css('background-image');
bg = bg.replace('url(','').replace(')','');
alert(bg); // The background image is right
base_image.src = bg;

背景图片网址是对的。它是一个像www.domain.de/image.jpg这样的字符串。当我使用谷歌浏览器试用它时，效果很好。但Firefox将旧网址添加到新网址：http://domain.de/http://domain.de/image.jpg。

您是否知道导致此错误的原因以及解决方法？

Answer 1

www.domain.de/image.jpg不是有效的网址。 http://www.domain.de/image.jpg会。在这方面，Chrome似乎更加宽容。

由于它不是有效的URL，因此Firefox会将其视为相对路径，并使用它构建有效的URL和当前的基本URL，例如： http://www.domain.de/（基本网址）+ www.domain.de/image.jpg - ＆gt; http://www.domain.de/www.domain.de/image.jpg。

设置画布中图像的绝对路径？

1 个答案: