<view>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
<view>
SVG 元素定义了 SVG 文档的特定视图。可以通过将 <view>
元素的 id
作为 URL 的目标片段来显示特定的视图。
使用上下文
类别 | 无 |
---|---|
允许的内容 | 任意数量、任意顺序的下列元素: 描述性元素 |
属性
viewBox
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="三个圆形" width="300" height="100" />
<br />
<img src="example.svg#three" alt="蓝色圆形" width="100" height="100" />
结果
DOM 接口
此元素实现了 SVGViewElement
接口。
规范
Specification |
---|
Scalable Vector Graphics (SVG) 2 # ViewElement |
浏览器兼容性
BCD tables only load in the browser