2017-02-15 10 views
0

SVG 드로잉 앱을 만들고 있습니다. 예를 들어MySQL 데이터베이스에 많은 html5 SVG 요소 (경로, 원, 선, e.t.c)를 저장하는 가장 좋은 방법

경로로 이루어지는 사각형 소자 :

<path class="annote arrow svg-element" 
id="1487164985946" style="stroke-width: 4px;" fill="transparent" 
stroke="#29AB22" 
d="M100.39999961853027,167.39999961853027L100.39999961853027,190.39999961853027L122.39999961853027,190.39999961853027L122.39999961853027,167.39999961853027L100.39999961853027,167.39999961853027z"></path> 

등등 최종 SVG 요소는 일부 SCG 요소를 갖는다. 또한 연필 도구는 사용자가 원하는 모든 선을 그릴 수 있도록 해줍니다. 그것은 'd'속성에 방대한 좌표 블록을 만듭니다.

  1. 하나의 DB를 행의 모든 ​​< SVG> 내용을 유지 :

    나는 아이디어를 가지고있다.

  2. 모든 요소를 ​​하나의 행으로 저장하지만 대량 메일 스팸을 생성합니다.

누구나 더 나은 해결책을 제안 할 수 있습니까?

답변

0

당신은 지금은 열 경로, 선,의 원에서와 같이이 객체를 저장해야이 개별 배열 객체를 생성 한 후

[{"path":{"id":"1487164985946","path":"M100.39999961853027,167.39999961853027L100.39999961853027..."},{"id":"1487164985947","path":"M100.39999961853027,167.39999961853027L100.39999961853027..."}}] 

[{"line":{"id":"1487164985948","line":"x1,y1,x2,y2"},{"id":"1487164985949","line":"x1,y1,x2,y2"}}] 

[{"circle":{"id":"1487164985950","r":"10","cxcy":"20,10"},{"id":"1487164985951","r":"20","cxcy":"20,10"}}] 

같은 요소 예를 들어 동일한 유형의 배열 객체를 생성해야 데이터 베이스.