Linear gradients, Transforms and angles…

Posted in dotnet, vb, vb.net | No Comments »

Guys, I have a (light) problem with gradients and transformations.
An angle is not an angle...

- linear gradients' angles are counted counter-clockwise [1]

- rotations are counted clockwise [2]

Since gradients are not everywhere on the web YET, I hope we still can
change things here. So naive questions:

a) why that difference? Unintentional?
b) can we make both angles here mean the same thing and both
    rotate clockwise? Or both counter-clockwise?

I really don't care about clockwise or counter-clockwise. But I
would like an angle to be always meaning the same thing to web
authors. Think intuitivity. Think adding a -30deg linear gradient
to a 30deg rotated box to find again a horizontal linear gradient.
Makes sense.

I then suggest the following change in [1]:

-    * If the <angle> is greater than or equal to 0deg and less then
-      90deg, the starting-point of the gradient-line is the
-      bottom-left corner of the gradient-box.
-    * If the <angle> is greater than or equal to 90deg and less the

Similar:

  1. Linear gradients library Is there a place online where I can find like 16 linear gradients that match good with each other? I need them for a chart...
  2. SVG linear gradient from hue 0 to 360 What a proper way to do a gradient like this? I tried this SVG: <linearGradient id="hue" x1="0" y1="1" x2="0" y2="0"> <stop offset="0%" stop-color="#ff0000"/> <stop offset="17%"...
  3. Minimum distance between two rotated rectangles with different angles How can I calculate the minimum distance between two rectangles? It is easy for rectangles which have no angles(0 degrees) but for rotated rectangles with...
  4. Calculate Triangle From Area And Angles I’m trying to calculate triangles base on the Area and the angles. If Angle-B is 90? then the formula works, but in my case, the...
  5. clockwise angle between two line I want to calculate a clockwise angle between two line segment A and B. So the resulting angle must be between 0 to 360-1 degrees....

Leave a Reply