You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.9 KiB
73 lines
1.9 KiB
'use strict'; |
|
|
|
const { visit } = require('../lib/xast.js'); |
|
|
|
exports.name = 'cleanupEnableBackground'; |
|
exports.description = |
|
'remove or cleanup enable-background attribute when possible'; |
|
|
|
/** |
|
* Remove or cleanup enable-background attr which coincides with a width/height box. |
|
* |
|
* @see https://www.w3.org/TR/SVG11/filters.html#EnableBackgroundProperty |
|
* |
|
* @example |
|
* <svg width="100" height="50" enable-background="new 0 0 100 50"> |
|
* ⬇ |
|
* <svg width="100" height="50"> |
|
* |
|
* @author Kir Belevich |
|
* |
|
* @type {import('./plugins-types').Plugin<'cleanupEnableBackground'>} |
|
*/ |
|
exports.fn = (root) => { |
|
const regEnableBackground = |
|
/^new\s0\s0\s([-+]?\d*\.?\d+([eE][-+]?\d+)?)\s([-+]?\d*\.?\d+([eE][-+]?\d+)?)$/; |
|
|
|
let hasFilter = false; |
|
visit(root, { |
|
element: { |
|
enter: (node) => { |
|
if (node.name === 'filter') { |
|
hasFilter = true; |
|
} |
|
}, |
|
}, |
|
}); |
|
|
|
return { |
|
element: { |
|
enter: (node) => { |
|
if (node.attributes['enable-background'] == null) { |
|
return; |
|
} |
|
if (hasFilter) { |
|
if ( |
|
(node.name === 'svg' || |
|
node.name === 'mask' || |
|
node.name === 'pattern') && |
|
node.attributes.width != null && |
|
node.attributes.height != null |
|
) { |
|
const match = |
|
node.attributes['enable-background'].match(regEnableBackground); |
|
if ( |
|
match != null && |
|
node.attributes.width === match[1] && |
|
node.attributes.height === match[3] |
|
) { |
|
if (node.name === 'svg') { |
|
delete node.attributes['enable-background']; |
|
} else { |
|
node.attributes['enable-background'] = 'new'; |
|
} |
|
} |
|
} |
|
} else { |
|
//we don't need 'enable-background' if we have no filters |
|
delete node.attributes['enable-background']; |
|
} |
|
}, |
|
}, |
|
}; |
|
};
|
|
|