sysutils/svgo
1
0
Fork 0
mirror of https://github.com/svg/svgo.git synced 2025-07-31 07:44:22 +03:00
Code Activity

Fixed transform moving around the mask as well

Browse Source
This commit is contained in:
GreLI
2016-02-15 14:09:04 +03:00
parent 9cdb046383
commit 25fc738c03
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/moveElemsAttrsToGroup.js
View File

@ -39,7 +39,7 @@ exports.fn = function(item) {
var intersection = {}, var intersection = {},
hasTransform = false, hasTransform = false,
hasClip = item.hasAttr('clip-path'), hasClip = item.hasAttr('clip-path') || item.hasAttr('mask'),
intersected = item.content.every(function(inner) { intersected = item.content.every(function(inner) {
if (inner.isElem() && inner.hasAttr()) { if (inner.isElem() && inner.hasAttr()) {
if (!Object.keys(intersection).length) { if (!Object.keys(intersection).length) {

14
test/plugins/moveElemsAttrsToGroup.04.svg
View File

@ -1,4 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<mask id="mask">
<path/>
</mask>
<g transform="rotate(45)"> <g transform="rotate(45)">
<g transform="scale(2)" fill="red"> <g transform="scale(2)" fill="red">
<path d="..."/> <path d="..."/>
@ -9,11 +12,18 @@
<g transform="translate(10 10)"/> <g transform="translate(10 10)"/>
<g transform="translate(10 10)"/> <g transform="translate(10 10)"/>
</g> </g>
<g mask="url(#mask)">
<g transform="translate(10 10)"/>
<g transform="translate(10 10)"/>
</g>
</svg> </svg>
@@@ @@@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<mask id="mask">
<path/>
</mask>
<g transform="rotate(45) scale(2)" fill="red"> <g transform="rotate(45) scale(2)" fill="red">
<g> <g>
<path d="..."/> <path d="..."/>
@ -24,4 +34,8 @@
<g transform="translate(10 10)"/> <g transform="translate(10 10)"/>
<g transform="translate(10 10)"/> <g transform="translate(10 10)"/>
</g> </g>
<g mask="url(#mask)">
<g transform="translate(10 10)"/>
<g transform="translate(10 10)"/>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 664 B

After

Width:  |  Height:  |  Size: 1000 B