在 mysql 数据库中存储许多 html5 SVG 元素（路径、圆、线、e.t.c）的最佳方式

Question

我正在制作 SVG 绘图应用程序。最后的 svg 元素里面有一些 scg 元素：

例如路径制作的正方形元素：

<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>

等等。铅笔工具还允许用户绘制他想要的任何线条。它在 'd' 属性.

中创建了一个巨大的坐标块

我有想法：

将所有 < svg> 内容保留在一个数据库行中。
将每个元素保存为一行，但这会产生大量垃圾邮件。

谁能提出更好的解决方案？

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

现在，在创建这个单独的数组对象之后，您必须将这个对象保存在数据库的列路径、行、圆中。

在 mysql 数据库中存储许多 html5 SVG 元素（路径、圆、线、e.t.c）的最佳方式

Best way to store many html5 SVG element(path, circle, line, e.t.c) in mysql database

html

javascript

mysql

svg

storing-data