从另一个包含元素的 svg 图像创建嵌入 base64 字符串的 SVG 图像
我有一个 SVG 文件，其中包含多个元素（如路径、圆形、矩形等）。
我想将该 SVG 文件转换为嵌入了 Base64 数据而不是多个元素的 SVG。用蜡染可以做到吗？
我正在从事的项目要求我仅使用 Java 库。
I have an SVG file that contains several elements (like path, circles, rectangles, etc.).
I'd like to convert that SVG file to an SVG with embedded base64 data instead of multiple elements. is it possible to do that with Batik?
The project I'm working on requires I use Java libraries only.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我使用了一种在 Blogger 帖子中嵌入 SVG 图像的技术
这可能适用于此。基本上，这是一个两步过程：
这是我用 Batik 测试过的一个工作示例。假设您想要嵌入以下 SVG 文档，circle.svg：
您可以通过将其路径传递给以下小 Rhino 脚本来对其进行 URL 编码：
当然，如果您想在 Java 中以编程方式执行此操作，那么您将需要一种特定于 Java 的方法来序列化 SVG 文档并对字符串进行 URL 编码。
这将为您提供 URL 编码字符串形式的文档：
然后，您可以通过在数据 URI 中使用该文档来嵌入该文档，如下所示：
例如，以下 HTML 文档使用对象标记和数据 URI 来嵌入 SVG文档：
您可以使用 SVG 'use' 元素的 xlink:href 属性执行相同的操作，但有一个警告：引用完整文档是非法的。相反，您需要通过 id 引用文档中的元素，并且该元素将被深度克隆到 SVG 宿主文档中。在此示例中，SVG 文档根元素由其 id“the_svg”引用（注意 URI 末尾的哈希标记）。
仅供参考，这在 Batik 1.7 中运行良好（在 Squiggle 浏览器中测试），但不适用于 Chromium 或 Firefox。
There's a technique which I've used to embed SVG images in Blogger posts
which might work for this. Basically, it's a two-step process:
Here's a working example that I've tested with Batik. Say that you want to embed the following SVG document, circle.svg:
You can URL-encode it by passing its path to the following small Rhino script:
Of-course, if you want to do this programmatically in Java, then you'll need a Java-specific method of serializing the SVG document and URL-encoding the string.
This gives you the document as a URL-encoded string:
You can then embed this document by using it in a data URI, which looks like this:
For example, the following HTML document uses an object tag and the data URI to embed the SVG document:
You can do the same thing with the xlink:href attribute of an SVG 'use' element, with one caveat: it's illegal to reference a full document. Instead, you need to reference an element in the document by its id, and that element will be deep-cloned into the SVG host document. In this example, the SVG document root element is reference by its id "the_svg" (note the hash tag at the end of URI).
FYI, this works well in Batik 1.7 (tested in the Squiggle browser), but not Chromium or Firefox.