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

【问题标题】：Creating an image on load of SVG editor在加载 SVG 编辑器时创建图像
【发布时间】：2013-02-12 12:24:29
【问题描述】：

我正在开发 svg 编辑器，特别是 Method 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"

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

这可能吗？

【问题讨论】：

标签： javascript svg jquery-svg

【解决方案1】：

你可以这样改变函数：

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"

【讨论】：

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