Skip to content

Commit

Permalink
d attribute: removed deprecated elements (mdn#35391)
Browse files Browse the repository at this point in the history
`d` attribute: removed unsupported elements

`<glyph>` and `<missing-glyph>` are deprecated and no longer supported in any browser . It hasn't quite been two years yet, so we don't need to remove the elements, but we don't need to link to those elements.
  • Loading branch information
estelle authored Aug 9, 2024
1 parent 2cba64f commit 2efc081
Showing 1 changed file with 1 addition and 56 deletions.
57 changes: 1 addition & 56 deletions files/en-us/web/svg/attribute/d/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ The **`d`** attribute defines a path to be drawn.
A path definition is a list of [path commands](#path_commands) where each command is composed of a command letter and numbers that represent the command parameters.
The commands are [detailed below](#path_commands).

You can use this attribute with the following SVG elements: [`<path>`](#path), [`<glyph>`](#glyph), [`<missing-glyph>`](#missing-glyph).
This attribute is used with the SVG [`<path>`](#path) element.

`d` is a presentation attribute, and hence can also be [used as a CSS property](#using_d_as_a_css_property).

Expand Down Expand Up @@ -64,61 +64,6 @@ For {{SVGElement('path')}}, `d` is a string containing a series of path commands
</tbody>
</table>

## glyph

> [!WARNING]
> As of SVG2 {{SVGElement('glyph')}} is deprecated and shouldn't be used.
For {{SVGElement('glyph')}}, `d` is a string containing a series of path commands that define the outline shape of the glyph.

<table class="properties">
<tbody>
<tr>
<th scope="row">Value</th>
<td>
<strong><a href="/en-US/docs/Web/CSS/string">&#x3C;string></a></strong>
</td>
</tr>
<tr>
<th scope="row">Default value</th>
<td><em>none</em></td>
</tr>
<tr>
<th scope="row">Animatable</th>
<td>Yes</td>
</tr>
</tbody>
</table>

> [!NOTE]
> The point of origin (the coordinate `0`, `0`) is usually the _upper left corner_ of the context. However the {{SVGElement("glyph")}} element has its origin in the _bottom left corner_ of its letterbox.
## missing-glyph

> [!WARNING]
> As of SVG2 {{SVGElement('missing-glyph')}} is deprecated and shouldn't be used.
For {{SVGElement('missing-glyph')}}, `d` is a string containing a series of path commands that define the outline shape of the glyph.

<table class="properties">
<tbody>
<tr>
<th scope="row">Value</th>
<td>
<strong><a href="/en-US/docs/Web/CSS/string">&#x3C;string></a></strong>
</td>
</tr>
<tr>
<th scope="row">Default value</th>
<td><em>none</em></td>
</tr>
<tr>
<th scope="row">Animatable</th>
<td>Yes</td>
</tr>
</tbody>
</table>

## Using d as a CSS property

`d` is a presentation attribute, and hence can be also be modified using CSS.
Expand Down

0 comments on commit 2efc081

Please sign in to comment.