This is a read-only archive of the inkscapeforum.com site. You can search for info here or post new questions and comments at Dear all,
I have a simple drawing (three stars, flat color fill) which use a linear gradient mask.
It was drawn on a 710x710px document, and the resulting SVG renders fine in browsers.
However, as soon as I scale the shape, it does not render properly in browsers. It looks like the mask gradient is not resized properly, despite everything looks fine in Inkscape.
Attached are three test files showing the issue. The first two (test128, test512) do not work properly, the last one (test710) works.
Did I do something wrong or is it an Inkscape bug? Browser bug?
Using Inkscape 0.91, Firefox 49.0.1, IE11
Thanks!
Issue with rendering of Inkscape SVG on browsers
Issue with rendering of Inkscape SVG on browsers
- Attachments
-
- test128.svg
- (3.41 KiB) Downloaded 282 times
-
- test512.svg
- (3.44 KiB) Downloaded 300 times
-
- test710.svg
- (3.42 KiB) Downloaded 248 times
Re: Issue with rendering of Inkscape SVG on browsers
Hi.
My guess would be it is a browser's bug.
Have you tried grouping the masked object (Ctrl+G) and resizing the group instead?
May worth a try.
My guess would be it is a browser's bug.
Have you tried grouping the masked object (Ctrl+G) and resizing the group instead?
May worth a try.
Re: Issue with rendering of Inkscape SVG on browsers
Hello
I think it's related that when you mask the group, the group have a transformation tag. I removed that tag
I'm not sure how to explain it better
Please see here, about grouping:
http://tutorials.jenkov.com/svg/svg-transformation.html
Also, about masking:
http://tutorials.jenkov.com/svg/mask.html
aaanyway...
I'm attaching one of your samples without group transformations and it renders Ok in Firefox.
- In Inkscape open the XML editor (ctrl + shift + X) to see the code.
- Or better, open the original svg file in a text editor, and compare it with the attached
I think it's related that when you mask the group, the group have a transformation tag. I removed that tag
I'm not sure how to explain it better
Please see here, about grouping:
http://tutorials.jenkov.com/svg/svg-transformation.html
Also, about masking:
http://tutorials.jenkov.com/svg/mask.html
aaanyway...
I'm attaching one of your samples without group transformations and it renders Ok in Firefox.
- In Inkscape open the XML editor (ctrl + shift + X) to see the code.
- Or better, open the original svg file in a text editor, and compare it with the attached
- Attachments
-
- test512b.svg
- (4.32 KiB) Downloaded 322 times
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
Re: Issue with rendering of Inkscape SVG on browsers
Ok, thanks.
Lazur : the shape was actually already grouped and it seems this is what causes the issue.
hulf2012 : thanks, this fixes my issue, but what do you think regarding bug-tracking?
I have no good knowledge of the SVG standard to answer this. Maybe in that case Inkscape is using a custom tag which is not in the SVG standard, and that should not be saved in "Plain SVG" format but converted to standard tags first?
Lazur : the shape was actually already grouped and it seems this is what causes the issue.
hulf2012 : thanks, this fixes my issue, but what do you think regarding bug-tracking?
- Is it an inkscape bug?
- Is it a browser bug?
- Is it a normal behavior?
I have no good knowledge of the SVG standard to answer this. Maybe in that case Inkscape is using a custom tag which is not in the SVG standard, and that should not be saved in "Plain SVG" format but converted to standard tags first?
Re: Issue with rendering of Inkscape SVG on browsers
Ah, I have found another way to circumvent the issue, and a more precise explanation.
If I have :
Then inkscape applies the transform to the shape AND the mask, but browsers apply the transform to the shapes only.
But if I have:
Then inkscape and browsers render it the same, and the same as Inkscape in the first case.
Which one is not SVG compliant?
Cheers,
Etienne
If I have :
Code: Select all
<g mask="mymask" transform="matrix(....)">
<some-shapes.../>
</g>
Then inkscape applies the transform to the shape AND the mask, but browsers apply the transform to the shapes only.
But if I have:
Code: Select all
<g mask="mymask">
<g transform="matrix(....)">
<some-shapes.../>
</g>
</g>
Then inkscape and browsers render it the same, and the same as Inkscape in the first case.
Which one is not SVG compliant?
Cheers,
Etienne
Re: Issue with rendering of Inkscape SVG on browsers
It's a hard question
I suggest to present your case both In Inkscape developers mail list an /or Chrome or Firefox support.
Just as an opinion. Each team does its best when supporting SVG format. But It's like a normal human language (I mean spanish, english or chinese). At some moment, it's difficult to express an idea, or some phrases are misunderstood, etc.
I suggest to present your case both In Inkscape developers mail list an /or Chrome or Firefox support.
Just as an opinion. Each team does its best when supporting SVG format. But It's like a normal human language (I mean spanish, english or chinese). At some moment, it's difficult to express an idea, or some phrases are misunderstood, etc.
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.