java调用javascript svg,用Java读取svg路径数据的最简单方法？

最新推荐文章于 2021-05-31 16:37:10 发布

叶小开喝的柳橙冰

最新推荐文章于 2021-05-31 16:37:10 发布

阅读量467

点赞数

文章标签： java调用javascript svg

本文介绍了如何使用Java和XPath从SVG图像中提取路径数据，包括步骤和示例，以进行定制转换。特别关注了Apache Batik包的使用和XPath表达式的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I'm looking to consume an svg image and parse/process the different paths to do a custom conversion. What is the easiest way, in Java, to simply extract the path data? I was looking at the apache xmlgraphics/batik packages, but it's not real obvious how to return the path types and parameters. Any suggestions?

解决方案

To simply extract the path data you can use XPath.

Suppose you have this SVG and you want to extract all the path data (from both path elements):

fill="none" stroke="blue" stroke-width="1" />

fill="none" stroke="red" stroke-width="5" />

fill="none" stroke="#888888" stroke-width="2" />

You first load the XML as a Document:

DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();

DocumentBuilder builder = factory.newDocumentBuilder();

Document document = builder.parse("image.svg");

Then you use XPath to select the desired nodes. The expression below selects the contents of the d attributes of all the path elements inside the file:

String xpathExpression = "//path/@d";

Now we can instantiate the XPath processor and compile the expression:

XPathFactory xpf = XPathFactory.newInstance();

XPath xpath = xpf.newXPath();

XPathExpression expression = xpath.compile(xpathExpression);

Since the expected result is a node-set (two strings), we evaluate the expression on the SVG document using XPathConstants.NODESET as the second parameter:

NodeList svgPaths = (NodeList)expression.evaluate(document, XPathConstants.NODESET);

From there you can extract the first set of path data using:

svgPaths.item(0).getNodeValue();