Skip to content

Commit

Permalink
docs(removeXlink): add tip to run plugin last (#1840)
Browse files Browse the repository at this point in the history
  • Loading branch information
SethFalco committed Nov 18, 2023
1 parent bf5cf1f commit ee0a0f5
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 1 deletion.
8 changes: 7 additions & 1 deletion docs/03-plugins/remove-xlink.mdx
Expand Up @@ -16,6 +16,12 @@ Removes XLink namespace prefixes and converts references to XLink attributes to
* Drop all other references to the XLink namespace.
* Remove XLink namespace declarations.

:::tip

When using this plugin, it's recommended to put it toward the end of your pipeline. Other SVGO plugins may add the XLink namespace, and these won't be migrated if they're added after this plugin has already executed.

:::

In most cases this will remove all references to XLink, but if legacy elements that are deprecated or removed in SVG 2 are found, the references are preserved as those elements do not support the SVG 2 `href` attribute. You can set `includeLegacy` to `true` to apply the plugin in this case too.

The following support `xlink:href` but not the SVG 2 `href` attribute:
Expand All @@ -26,7 +32,7 @@ The following support `xlink:href` but not the SVG 2 `href` attribute:
* [`<glyphRef>`](https://developer.mozilla.org/docs/Web/SVG/Element/glyphRef)
* [`<tref>`](https://developer.mozilla.org/docs/Web/SVG/Element/tref)

It's recommended to use this plugin if you intend to inline SVGs into an HTML document, the `includeLegacy` can be safely used in this case too. HTML does not support explicit namespaces, so namespace prefixes are ignored by the browser anyway.
It's recommended to use this plugin if you intend to inline SVGs into an HTML document, `includeLegacy` can be safely set to `true` in this case too. HTML does not support explicit namespaces, so namespace prefixes are ignored by the browser anyway.

:::danger

Expand Down
6 changes: 6 additions & 0 deletions docs/03-plugins/reuse-paths.mdx
Expand Up @@ -10,6 +10,12 @@ It looks for `<path>` elements that have the same [`d`](https://developer.mozill

If the path contains other attributes, such as `style` or `transform`, they will be preserved in the `<use>` element that supersedes it.

:::tip

If you only need SVG 2 or inline HTML compatibility, it's recommended to include the [Remove Xlink](/docs/plugins/remove-xlink/) plugin towards the end of your pipeline to convert references to `xlink:href` to the SVG 2 `href` attribute.

:::

## Usage

<PluginUsage/>
Expand Down

0 comments on commit ee0a0f5

Please sign in to comment.