我有以下包含标记的SVG元素,需要在网页地图上显示。标记是由
<image>元素组成,引用各种小型PNG图像:
<svg id="OL_105_svgRoot" width="1246" height="373" viewBox="0 0 1246 373">
<g id="OL_105_root" style="visibility: visible;" transform="">
<g id="OL_vroot">
<image id="P115" cx="843" cy="203" r="1" x="827" y="188" width="32" height="32" href="spider.png" ...>
<image id="P119" cx="453" cy="269" r="1" x="437" y="254" width="32" height="32" href="zoo.png" ...>
<image id="P123" cx="628" cy="82" r="1" x="612" y="67" width="32" height="32" href="wild.png" ...>
<image id="P131" cx="10495" cy="69" r="1" x="1034" y="53" width="32" height="32" href="export.png" ...>
...
</g>
</g>
</svg>
我能否用单个大图文件替换这些图片,然后使用类似于CSS中的background-position
属性来指定每个图片的可视窗口?
<image>
元素是由地图API自动生成的。是否可以通过更改图像元素的属性来实现此操作? - Question Overflow