SVG 序列化

发布于 2024-12-15 10:50:22 字数 540 浏览 0 评论 0原文

我有基于 RaphaelJS 的画布,用户可以在其中做一些工作。我需要做两件事:

  1. 将用户工作保存到数据库
  2. Rastersize SVG (我使用 Apache Batik 来完成该任务)

对于 1 https://github.com/jspies/raphael.serialize 将 Raphael 的画布转储为 json,然后 jQuery.getJSON() 将其发送到后端,我需要将其转换回将 SVG 输入到 Batik 中。

这个流程看起来合理吗? SVG-> JSON-> SVG 转换似乎有点开销,有更好的方法吗?

后端运行 python/django。我对 JSON 使用标准 json 包 -> SVG,但有时会因传入 json 中的语法错误(主要是字体样式属性)而失败。有人遇到过这些问题吗?

在数据库中存储这些数据的最佳方式是什么?就像一根绳子一样?

I have RaphaelJS based canvas, where user can do some work. I need to do 2 things:

  1. Save users work into database
  2. Rastersize SVG (I use Apache Batik for that task)

For 1 https://github.com/jspies/raphael.serialize dumps Raphael's canvas to json, then jQuery.getJSON() to send it to the backend, where I need to convert it back to SVG to feed into Batik.

Does this flow seem reasonable? SVG -> JSON -> SVG conversion seems a bit overhead, is there a better way to do this?

Backend runs python/django. I use standard json package for JSON -> SVG, but sometimes it fails with syntax errors in the incoming json (mainly in font style properties). Did anyone face these issues?

What's the best way to store this data in the database? Just as a string?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

狼性发作 2024-12-22 10:50:23

Raphael.Export 在 Raphaël 支持的任何浏览器中将元素保存到 SVG:

https://github.com/ElbertF/Raphael .Export

我用它来使用 Batik 在服务器端将 Raphaël 绘图保存为 PNG。

Raphael.Export saves elements to SVG in any browser that Raphaël supports:

https://github.com/ElbertF/Raphael.Export

I've used it to save Raphaël drawings as PNGs server-side using Batik.

甜柠檬 2024-12-22 10:50:23

如果您可以从 Raphael 获取根 元素的句柄,那么您可以将其转换为原始 XML 源(在客户端上),然后发送:

var svgAsXML = (new XMLSerializer).serializeToString(svg);

If you can get a handle on the root <svg> element from Raphael then you can convert this to the raw XML source (on the client) and just send that:

var svgAsXML = (new XMLSerializer).serializeToString(svg);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文