123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168 |
- 'use strict';
- var JSAPI = require('../lib/svgo/jsAPI');
- exports.type = 'full';
- exports.active = false;
- exports.description = 'Finds <path> elements with the same d, fill, and ' +
- 'stroke, and converts them to <use> elements ' +
- 'referencing a single <path> def.';
- exports.fn = function(data) {
- const seen = new Map();
- let count = 0;
- const defs = [];
- traverse(data, item => {
- if (!item.isElem('path') || !item.hasAttr('d')) {
- return;
- }
- const d = item.attr('d').value;
- const fill = (item.hasAttr('fill') && item.attr('fill').value) || '';
- const stroke = (item.hasAttr('stroke') && item.attr('stroke').value) || '';
- const key = d + ';s:' + stroke + ';f:' + fill;
- const hasSeen = seen.get(key);
- if (!hasSeen) {
- seen.set(key, {elem: item, reused: false});
- return;
- }
- if (!hasSeen.reused) {
- hasSeen.reused = true;
- if (!hasSeen.elem.hasAttr('id')) {
- hasSeen.elem.addAttr({name: 'id', local: 'id',
- prefix: '', value: 'reuse-' + (count++)});
- }
- defs.push(hasSeen.elem);
- }
- item = convertToUse(item, hasSeen.elem.attr('id').value);
- });
- const defsTag = new JSAPI({
- elem: 'defs', prefix: '', local: 'defs', content: [], attrs: []}, data);
- data.content[0].spliceContent(0, 0, defsTag);
- for (let def of defs) {
-
-
-
- const style = def.style;
- const defClass = def.class;
- delete def.style;
- delete def.class;
- const defClone = def.clone();
- def.style = style;
- def.class = defClass;
- defClone.removeAttr('transform');
- defsTag.spliceContent(0, 0, defClone);
-
- def = convertToUse(def, defClone.attr('id').value);
- def.removeAttr('id');
- }
- return data;
- };
- function convertToUse(item, href) {
- item.renameElem('use');
- item.removeAttr('d');
- item.removeAttr('stroke');
- item.removeAttr('fill');
- item.addAttr({name: 'xlink:href', local: 'xlink:href',
- prefix: 'none', value: '#' + href});
- delete item.pathJS;
- return item;
- }
- function traverse(parent, callback) {
- if (parent.isEmpty()) {
- return;
- }
- for (let child of parent.content) {
- callback(child);
- traverse(child, callback);
- }
- }
|