<view>
<view>
SVG 元素定义了 SVG 文档的特定视图。可以通过将 <view>
元素的 id
作为 URL 的目标片段来显示特定视图。
使用场景
类别 | 无 |
---|---|
允许的内容 | 任意数量的以下元素,按任意顺序 描述性元素 |
属性
视口
preserveAspectRatio
zoomAndPan
已弃用 非标准
示例
SVG
svg
<svg viewBox="0 0 300 100" width="300" height="100"
xmlns="http://www.w3.org/2000/svg">
<view id="one" viewBox="0 0 100 100" />
<circle cx="50" cy="50" r="40" fill="red" />
<view id="two" viewBox="100 0 100 100" />
<circle cx="150" cy="50" r="40" fill="green" />
<view id="three" viewBox="200 0 100 100" />
<circle cx="250" cy="50" r="40" fill="blue" />
</svg>
HTML
html
<img src="example.svg" alt="three circles" width="300" height="100" />
<br />
<img src="example.svg#three" alt="blue circle" width="100" height="100" />
结果
DOM 接口
此元素实现 SVGViewElement
接口。
规范
规范 |
---|
可缩放矢量图形 (SVG) 2 # ViewElement |
浏览器兼容性
BCD 表格仅在浏览器中加载