이 문서는 아직 자원 봉사자들이 한국어로 번역하지 않았습니다. 함께 해서 번역을 마치도록 도와 주세요!
A view is a defined way to view the image, like a zoom level or a detail view.
Usage context
Categories | None |
---|---|
Permitted content | Any number of the following elements, in any order: Descriptive elements |
Attributes
Global attributes
Specific attributes
Example
SVG
<svg width="600" height="200" viewBox="0 0 600 200" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"> <defs> <radialGradient id="gradient"> <stop offset="0%" stop-color="#8cffa0" /> <stop offset="100%" stop-color="#8ca0ff" /> </radialGradient> </defs> <circle r="50" cx="180" cy="50" style="fill:url(#gradient)"/> <view id="halfSizeView" viewBox="0 0 1200 400"/> <view id="normalSizeView" viewBox="0 0 600 200"/> <view id="doubleSizeView" viewBox="0 0 300 100"/> <a xlink:href="#halfSizeView"> <text x="5" y="20" font-size="20">half size</text> </a> <a xlink:href="#normalSizeView"> <text x="5" y="40" font-size="20">normal size</text> </a> <a xlink:href="#doubleSizeView"> <text x="5" y="60" font-size="20">double size</text> </a> </svg>
Result
DOM Interface
This element implements the SVGViewElement
interface.
Specifications
Specification | Status | Comment |
---|---|---|
Scalable Vector Graphics (SVG) 2 The definition of '<view>' in that specification. |
Candidate Recommendation | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<view>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | (Yes) | 15.0 (15.0) | No support | (Yes) | ? |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | ? | 15.0 (15.0) | ? | ? | ? |