Javascript 在SVG编辑器加载时创建图像

我正在研究svg编辑器，特别是方法draw实现

我想在加载编辑器时加载图像，而不是背景矩形。当前，javascript文件包含此命令，用于在编辑器中创建背景矩形

var createBackground = function(fill) {
    svgCanvas.createLayer("background")
        cur_shape = svgCanvas.addSvgElementFromJson({
            "element": "rect",
            "attr": {

                "x": -1,
                "y": -1,
                "width": res.w+2,
                "height": res.h+2,
                "stroke": "none",
                "id": "canvas_background",
                "opacity": 1,
                "fill":  '#ffffff',
                "style": "pointer-events:none"

我想创建一个图像，而不是一个矩形

---

这可能吗？

您可以这样更改功能：

var createBackground = function(fill) {
    svgCanvas.createLayer("background")
        cur_shape = svgCanvas.addSvgElementFromJson({
            "element": "image",
            "attr": {
                "x": -1,
                "y": -1,
                "width": res.w+2,
                "height": res.h+2,
                "xlink:href": "/images/whatever.png" //this path should be changed
                "id": "canvas_background",
                "opacity": 1,
                "style": "pointer-events:none"

---

谢谢你，马克！我两周前给你发了封电子邮件，但我想你太忙了！非常感谢，谢谢。我昨天一个人把它修好了。问题是，当您使用create rectable background对应用程序进行编码时，我能够得到一个“reference”矩形，这样我就可以知道我的用户何时在他们的视图框外绘制，因为我能够通过输出获得矩形背景。现在有了这个图像，因为我没有在输出中得到它（它没有嵌入到图形中），我没有东西可以显示我的用户选择的工作区。有什么想法吗？