0

私はsvgエディター、特にメソッド描画の実装に取り​​組んでいます。

エディターをロードして、背景の長方形の代わりに画像をロードしたい。現在、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"

長方形の代わりに画像を作成したい。

これは可能ですか?

4

1 に答える 1

0

次のように関数を変更できます。

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"
于 2013-02-12T04:24:29.413 に答える