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

我想设置画布中图像的绝对路径。我有一些有背景图像的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;

背景图像url是正确的。它是一个类似www.domain.de/image.jpg的字符串。 当我在谷歌浏览器上试用时，效果很好。但是Firefox将旧url添加到新url:

---

您知道导致此错误的原因和解决方法吗？

www.domain.de/image.jpg

不是有效的URL<代码>http://www.domain.de/image.jpg将是。 Chrome在这方面似乎更宽容

由于它不是一个有效的URL，Firefox假定它是一个相对路径，并用它和当前的基本URL构造一个有效的URL，例如

http://www.domain.de/

（基本URL）+

www.domain.de/image.jpg

->

http://www.domain.de/www.domain.de/image.jpg