在 mysql 数据库中存储许多 html5 SVG 元素（路径、圆圈、线条等）的最佳方法答案

【问题标题】：Best way to store many html5 SVG element(path, circle, line, e.t.c) in mysql database在 mysql 数据库中存储许多 html5 SVG 元素（路径、圆圈、线条等）的最佳方法
【发布时间】：2017-02-15 13:32:41
【问题描述】：

我正在制作 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' 属性中创建了一个巨大的坐标块。

我有想法：

将所有
将每个元素保存为一行，但会产生大量 db 垃圾邮件。

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

【问题讨论】：

标签： javascript mysql html svg storing-data

【解决方案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"}}]

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

【讨论】：