123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- 'use strict';
- exports.type = 'perItem';
- exports.active = true;
- exports.description = 'converts basic shapes to more compact path form';
- var none = { value: 0 },
- regNumber = /[-+]?(?:\d*\.\d+|\d+\.?)(?:[eE][-+]?\d+)?/g;
- exports.fn = function(item) {
- if (
- item.isElem('rect') &&
- item.hasAttr('width') &&
- item.hasAttr('height') &&
- !item.hasAttr('rx') &&
- !item.hasAttr('ry')
- ) {
- var x = +(item.attr('x') || none).value,
- y = +(item.attr('y') || none).value,
- width = +item.attr('width').value,
- height = +item.attr('height').value;
-
-
-
- if (isNaN(x - y + width - height)) return;
- var pathData =
- 'M' + x + ' ' + y +
- 'H' + (x + width) +
- 'V' + (y + height) +
- 'H' + x +
- 'z';
- item.addAttr({
- name: 'd',
- value: pathData,
- prefix: '',
- local: 'd'
- });
- item.renameElem('path')
- .removeAttr(['x', 'y', 'width', 'height']);
- } else if (item.isElem('line')) {
- var x1 = +(item.attr('x1') || none).value,
- y1 = +(item.attr('y1') || none).value,
- x2 = +(item.attr('x2') || none).value,
- y2 = +(item.attr('y2') || none).value;
- if (isNaN(x1 - y1 + x2 - y2)) return;
- item.addAttr({
- name: 'd',
- value: 'M' + x1 + ' ' + y1 + 'L' + x2 + ' ' + y2,
- prefix: '',
- local: 'd'
- });
- item.renameElem('path')
- .removeAttr(['x1', 'y1', 'x2', 'y2']);
- } else if ((
- item.isElem('polyline') ||
- item.isElem('polygon')
- ) &&
- item.hasAttr('points')
- ) {
- var coords = (item.attr('points').value.match(regNumber) || []).map(Number);
- if (coords.length < 4) return false;
- item.addAttr({
- name: 'd',
- value: 'M' + coords.slice(0,2).join(' ') +
- 'L' + coords.slice(2).join(' ') +
- (item.isElem('polygon') ? 'z' : ''),
- prefix: '',
- local: 'd'
- });
- item.renameElem('path')
- .removeAttr('points');
- }
- };
|