多くのhtml5 SVG要素（パス、円、線、e.t.c）をmysqlデータベースに保存するのに最適な方法

Question

私はSVG描画アプリケーションを作っています。例えば

パス製正方形要素：

<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. は1デシベルの行のすべての< SVG>コンテンツを保管してください。
2. すべての要素を1つの行として保存しますが、大量のスパムメールが生成されます。

誰かがより良い解決策を提案できますか？

Answer 1

あなたは今、それが列パス、ラインの円の中にあるようあなたがこのオブジェクトを保存する必要があり、この個別の配列オブジェクトを作成した後

[{"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"}}] 

のような要素の例の同じタイプの配列オブジェクトを作成する必要がありますデータベース。