SVG 편집기의로드시 이미지 만들기

저는 SVG 편집기, 특히 메소드 그리기 구현에서 작업 중입니다.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"

직사각형 대신 이미지를 만들고 싶습니다.

이것이 가능합니까?

출처

2013-02-11 Nicholas Kyriakides

이 같은 기능을 변경할 수 :

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-12 04:24:29 Duopixel

감사 표시를! ive는 2 주 전에 이메일을 보냈지 만, 너무 바빠서! 고마워요. 많은 사람이 그것을 고맙게 생각합니다. 나는 어제 그것을 내 자신으로 일하게했다. 문제는 당신이 rectangle 배경을 만들 때 응용 프로그램을 코딩 할 때 "참조"사각형을 얻을 수 있었기 때문에 출력 할 사각형 배경을 얻을 수 있었기 때문에 사용자가 자신의 뷰 박스 밖으로 그릴 때를 알 수있었습니다. 이제는 출력물 (도면에 포함되어 있지 않음)에서 얻지 못하기 때문에 이미지로 보았습니다. 제 사용자가 선택한 작업 영역을 보여 줄 수있는 것이 없습니다. 어떤 아이디어? –

SVG 편집기의로드시 이미지 만들기

답변

관련 문제