2013-02-11 69 views
0

我正在使用svg編輯器,特別是Method draw的實現。在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" 

我想創建一個圖像,而不是一個矩形。

這可能嗎?

回答

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" 
+0

感謝馬克!我2周前給你發了一封電子郵件,但我想你太忙了!謝謝很多人欣賞它。我昨天就自己動手了。問題是當你使用create rectabgle背景對應用程序進行編碼時,我可以得到一個「參考」矩形,這樣我知道用戶何時在他們的視圖框外繪製,因爲我能夠通過輸出獲取矩形背景。現在與圖像,因爲我沒有得到它的輸出(它沒有與繪圖嵌入)我沒有東西來顯示我的工作區,我的用戶選擇。有任何想法嗎? – 2013-02-12 12:36:16