Skew deforms axes of circular gradient

Post questions on how to use or achieve an effect in Inkscape.
User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Skew deforms axes of circular gradient

Postby bartovan » Thu Nov 26, 2015 12:26 am

Make a rectangle, skew it, change the fill to circular gradient -> the gradient axes are "skewed" also (angle no longer 90°).
This might be interesting (it makes a kind of "perspective" gradient), although not always desired.
But when the axes' endpoints are then moved (stretched), the angle changes even more, not being 90° nor an angle related to the skewed object. So it becomes totally unusable.

Is this a kind of bug, or am I doing something wrong? Or is it in SVG specs?

(See screenshot after having stretched the endpoints of axes)
screenshot_axonometric_circular_gradient.PNG
screenshot_axonometric_circular_gradient.PNG (44.4 KiB) Viewed 2960 times

(The screenshot is made using the axonometric extension, but the effect is the same).
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Skew deforms axes of circular gradient

Postby brynn » Thu Nov 26, 2015 7:03 pm

You know, I saw that happen a while ago. But I was in a hurry, and didn't investigate.

Hhmm.... With Inks Prefs set to allow sharing gradients, the skewed handles are not shared.

I notice that on the skewed gradient, both handles are scaled at the same time. It seems like one is moving relative to the other. I'm not sure what the purpose is for that?? With a not skewed gradient, each handle can move longer or shorted independantly.

But the gradient itself is always still a radial gradient.

I don't understand what you mean by
But when the axes' endpoints are then moved (stretched), the angle changes even more, not being 90° nor an angle related to the skewed object.

I don't see the angle changing at all (unless I skew the rectangle more/less).

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Skew deforms axes of circular gradient

Postby bartovan » Thu Nov 26, 2015 10:58 pm

Here's what I mean with the gradient axes angle changing (it's an animated gif, hope it displays well). I made a rectangle, skewed it, added circular gradient, then dragged the gradient axes' endpoints away.
Pay attention in the last steps to the angle between the axes of the gradient, it becomes smaller:
skewed_circular_gradient_optimized.gif
skewed_circular_gradient_optimized.gif (224.23 KiB) Viewed 2912 times
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Skew deforms axes of circular gradient

Postby brynn » Fri Nov 27, 2015 2:55 am

Oh yes, I do see that now. Wow! If you drag the other way (inward) the handles approach 90 degrees. If I zoom as far as it goes, and drag a circle handle 1 px away from the square handle, they are very close to 90 degrees. But not quite.

I have NO idea if that's supposed to happen or not. Did you search the bug tracker?

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Skew deforms axes of circular gradient

Postby bartovan » Fri Nov 27, 2015 4:43 am

I had a try searching for "skew gradient" but nothing showed up. I'll make a bug report, now that I have the animated GIF.
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Skew deforms axes of circular gradient

Postby bartovan » Fri Nov 27, 2015 4:48 am

Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Skew deforms axes of circular gradient

Postby brynn » Fri Nov 27, 2015 9:46 am

Well, I'm not sure it's a bug. I was just curious if you had searched.

It doesn't have a "bug" feel to me. But it's not like I'm an expert, lol.

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Skew deforms axes of circular gradient

Postby bartovan » Sat Nov 28, 2015 3:45 am

It does make the circular gradient unusable. Try to tweak a circular gradient in a skewed rectangle, you'll quickly see it's unusable.
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Skew deforms axes of circular gradient

Postby Lazur » Sat Nov 28, 2015 4:42 am

Usual workaround is transforming the object and the fill attributes separately -either by using the node tool and skewing the selected nodes or by grouping the object, skewing the group and then using the node tool to edit the gradient (inside the group).

Behave is probably intentional, even if better be avoided.

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Skew deforms axes of circular gradient

Postby bartovan » Sat Nov 28, 2015 5:37 pm

OK. But I don't think this behaviour can be intentional or desired, as the angle between the gradient axes changes in an unusable way.

It could be intentional or desirable if the angle between the gradient axes would keep matching the skew angle (angle between sides of skewed rectangle) when you manipulate the axes' endpoints. Which it doesn't. The angle becomes smaller and smaller, losing all practical use.
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Skew deforms axes of circular gradient

Postby bartovan » Tue Dec 01, 2015 6:29 pm

Thanks to ~suv clarifications on the bug report (#1520341):
- circular gradient being skewed with object is not a bug (and can be avoided by Lazur's workaround mentioned above)
- axes' angle changing upon transform probably is to be considered a bug.
Bug report title and description edited accordingly.
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.


Return to “Help with using Inkscape”