如何显示SVG图形的子部分或“切片”？

Question

有什么方法可以分割SVG。我的意思是任何已经可用的lib。我需要用Java实现此切片组件。

[我的意思是，我有一个SVG文件，并且我以图形方式选择了基于标尺/比例的图形，我想将单个SVG切成不同的SVG文件。

希望我很清楚

Answer 1

是的，但是，您会发现这是机密信息-或根本就不可能，这是基于很难找到这个基本事实....

显然，all you need to do is reference the viewBox from a URI "fragment".。我已经证实，确实可以。以下面的示例为例。如果您错过了该故事，则该课程的内容是... image.svg＃svgView（viewBox（100,100,100,100））>] >>

image.svg定义为<svg .... viewBox="0,0,400,400" width="400" height="400">

http://example.com/image.svg

http://example.com/image.svg#svgView(viewBox(100,100,100,100))

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9rbmZqbC5wbmcifQ==” alt =“在此处输入图像描述”>

[如果您使用Java中的SVG，Batik SVG Toolkit将提供很多功能（但是，我承认我不知道切片的含义）

您要做的就是编辑<svg>标签。编辑width和height，将主svg元素上的viewBox属性设置为所需的矩形，进行渲染，重复。

每个svg将包含原始数据中的所有数据，但只会显示viewBox内部的图形部分。参见http://dingoskidneys.com/~dholth/svg/

viewbox = "x y width height"

如果您对svg进行切片的目的是创建“热链接”或图像映射，这就是方法！

[在Illustrator中简单地切片svg，然后在保存（'另存为'）svg时，请务必先获取将包含切片引用的代码（底部为'SVG代码'），例如：

<rect id="_x3C_Slice_x3E__1_" x="88" y="22.5" class="yj4" width="227" height="88"/>

可通过链接标记包围来链接：

<a href="#"><rect id="_x3C_Slice_x3E__1_" x="88" y="22.5" class="yj4" width="227" height="88"/></a>

希望这会有所帮助。

Answer 2

[如果您使用Java中的SVG，Batik SVG Toolkit将提供很多功能（但是，我承认我不知道切片的含义）

Answer 3

您要做的就是编辑<svg>标签。编辑width和height，将主svg元素上的viewBox属性设置为所需的矩形，进行渲染，重复。

每个svg将包含原始数据中的所有数据，但只会显示viewBox内部的图形部分。参见http://dingoskidneys.com/~dholth/svg/

Answer 4

如果您对svg进行切片的目的是创建“热链接”或图像映射，这就是方法！

[在Illustrator中简单地切片svg，然后在保存（'另存为'）svg时，请务必先获取将包含切片引用的代码（底部为'SVG代码'），例如：