removeElementsByAttr
Removes arbitrary elements by ID or className.
Usage
- Basic
- Parameters
svgo.config.js
module.exports = {
plugins: [
"removeElementsByAttr"
]
}
svgo.config.js
module.exports = {
plugins: [
{
name: "removeElementsByAttr",
params: {
id: [],
class: []
}
}
]
}
Parameters
id
Remove elements where one of these IDs will be match the element ID.
class
Remove elements where the
class
attribute includes at least one of these classes.
Demo
Live Editor
const svg = ` <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox=" 0 0 150 100 " width="150"> <!-- Created with love! --> <defs> <ellipse cx="50" cy="50.0" rx="50.00" ry="auto" fill="black" id="circle"/> </defs> <g> <use href="#circle" transform="skewX(16)"/> <rect id="useless" width="0" height="0" fill="#ff0000"/> </g> </svg> `; const svgoConfig = { js2svg: { indent: 2, pretty: true }, plugins: [ "removeElementsByAttr" ] } render(<SvgoPreview svg={svg} svgoConfig={svgoConfig}/>);
Result
Loading...