Skip to content

Commit

Permalink
Add attributes detail for svg <view> element (#37034)
Browse files Browse the repository at this point in the history
  • Loading branch information
skyclouds2001 authored Dec 1, 2024
1 parent b94dd28 commit eb2d8ff
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 6 deletions.
4 changes: 3 additions & 1 deletion files/en-us/web/svg/attribute/zoomandpan/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,9 @@ slug: Web/SVG/Attribute/zoomAndPan
page-type: svg-attribute
status:
- deprecated
browser-compat: svg.elements.svg.zoomAndPan
browser-compat:
- svg.elements.svg.zoomAndPan
- svg.elements.view.zoomAndPan
---

{{SVGRef}}{{Deprecated_Header}}
Expand Down
12 changes: 7 additions & 5 deletions files/en-us/web/svg/element/view/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,15 @@ The **`<view>`** [SVG](/en-US/docs/Web/SVG) element defines a particular view of

## Attributes

- {{SVGAttr("viewBox")}}
- {{SVGAttr("preserveAspectRatio")}}
- : This attribute defines how the SVG fragment must be deformed if it is embedded in a container with a different {{glossary("aspect ratio")}}.
_Value type_: (`none`| `xMinYMin`| `xMidYMin`| `xMaxYMin`| `xMinYMid`| `xMidYMid`| `xMaxYMid`| `xMinYMax`| `xMidYMax`| `xMaxYMax`) (`meet`|`slice`)? ; _Default value_: `xMidYMid meet`; _Animatable_: **yes**
- {{SVGAttr("viewBox")}}
- : This attribute defines the bound of the SVG viewport for the pattern fragment.
_Value type_: **[\<list-of-numbers>](/en-US/docs/Web/SVG/Content_type#list-of-ts)** ; _Default value_: none; _Animatable_: **yes**
- {{SVGAttr("zoomAndPan")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
- : This attribute specifies whether the SVG document can be magnified and panned.
_Value type_: **disable | magnify** ; _Default value_: magnify; _Animatable_: **no**

## Example

Expand Down Expand Up @@ -50,10 +56,6 @@ The **`<view>`** [SVG](/en-US/docs/Web/SVG) element defines a particular view of

{{EmbedLiveSample("Example", "85ch", "240px")}}

## DOM Interface

This element implements the {{domxref("SVGViewElement")}} interface.

## Specifications

{{Specifications}}
Expand Down

0 comments on commit eb2d8ff

Please sign in to comment.