removeDimensions
Removes the width
and height
attribute from the top-most <svg>
element if specified, and replaces it with the viewBox
attribute if it's missing.
info
This is effectively the opposite of the removeViewBox plugin, you should disable that before using this one.
Usage
svgo.config.js
module.exports = {
plugins: [
"removeDimensions"
]
}
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: [ "removeDimensions" ] } render(<SvgoPreview svg={svg} svgoConfig={svgoConfig}/>);
Result
Loading...