I've just started experimenting with linearGradients.
I tried to display a spectrum of colours and am somewhat disappointed with the result.
I expected a smooth transition but found it rather lumpy.
Am I doing something wrong?

Maybe have a look at http://tavmjong.free.fr/blog/?p=765 about linear rgb vs srgb colorspaces.

I'm not sure about what you mean by lumpy, if you're talking about discontinuities between your rect it's because of "bugs" in the renderer, make yor rect just a little bit wider so that they overlap a bit

Not a Reply, just a footnote:

I suspect the problem lies at the join of two gradients.
So, below the original spectrum, I've added another whibh bridges those joins.
I've added 6 more <def>s

and 7 more <use>s.

I increased the svg height to 450.

The spectrum now looks smoother. The Yellow, Cyan and Magenta are less vivid,
and I cannot see any degradation of the Red, Green and Blue.

But that hardly explains the lumpiness of the original spectrum.
Any comments?, or advice?
Thanks, JJ

Hi. Made a test image how increasing the number of the steps would change the look of such spectrum:
-click on it for full size svg-


The strange thing is, that in most cases opensuse's image viewer renders a smoother svg, but it can not display this one -produces a vibrating mess instead.

Made another svg.
Linear gradient with 256 steps. Some rendering problems may appear with it too.

Hi, Lazur,
Both are stunning..
I cannot imagine how you developed that chunk of code. 18000 lines !
Even the second one, 256 steps you say. I note over 500 Stops.
But that said. They are stunning.
Thanks,
JJ

Openclipart is not working for me.

JimJoyce wrote:...
I cannot imagine how you developed that chunk of code. 18000 lines !

It might be helpful to note that since svg is text, complex or large patterns can easily be processed in a spreadsheet and pasted into the xml file. (Scripting is also an option.)

JimJoyce wrote:Hi, Lazur,
Both are stunning..
I cannot imagine how you developed that chunk of code. 18000 lines !
Even the second one, 256 steps you say. I note over 500 Stops.
But that said. They are stunning.
Thanks,
JJ

Glad you like it!

Actually those were drawn manually in inkscape.
Took some time but I was curious.

Though I'm still curious how the second one could be done in other ways.
I added many steps to one gradient, and snapped them to guidelines.
That way I could keep them in right position.
By the edit gradient panel, step positions can be defined in 0,00-1,00 values,
and defining 256 even distances is impossible accurately that way. Or is it?

tylerdurden wrote:Openclipart is not working for me.
...

I think it's the renderer in your browser that might not work well, not the page.
Firefox renders a blank page for both, chrome renders but without a smooth transition in the second, and with a break at the cyan values.
The built-in opensuse imageviewer renders something buggy as a pattern fill from a clipped group of objects in the current stabile inkscape window.

Foolin around...

Spreadsheet generated 1px / color-bit (1-255)

https://dl.dropboxusercontent.com/s/x6n ... pasted.svg

Spreadsheet simply increments the color-bits and positions. e.g. : #ff0000 x=1, #ff0100 x=2, #ff0300 x=3...



Scaled in Inkscape:

https://dl.dropbox.com/s/jpte5g6bm0rb2o ... formed.svg

Regards,
TD

JimJoyce wrote:...
viewBox="0 0 1300 250">
...

The time I realised that part, and what it does.
Those are not added to svg-s saved with inkscape.
An important part to be added if someone wants to embed an svg image into a frame.
http://forum.inkscapecommunity.com/index.php?topic=95.0

tylerdurden wrote:...
Spreadsheet simply increments the color-bits and positions. e.g. : #ff0000 x=1, #ff0100 x=2, #ff0300 x=3...



Scaled in Inkscape:
...

The funny thing is that it is rendered smoother than that gradient with the same small steps through chrome.

Hi Lazur,
I read your comment about some browsers failing.
I admit I've made Opera my default browser for SVG.
But I have five browsers at the ready, Firefox my normal favourite, then Opera.
I rarely use Chrome, use IE only to check it does something, and Safari, because it's available.
I note you you use varieties of Linux. I'm afraid I've not ventured that far.

You say Firefox and Chrome produce nothing.
I'm very surprised.
All five of my browsers produce what to me seems similar renderings of both the spectrum strips.
Admittedly, the Yellow and Cyan look extra vivid in the upper strip, but that's in all browsers.
Both Yellow and Cyan look dull and blurred in the lower strip.

Thanks for your views.
JJ

Hi Tylerdurden,
I note your point on using spreadsheets to generate your code.
I often use it when creating similar lines of code.
Didn't get round to using it this time.
Probably because I normally use #xxx to define my colours, rather than rgb().
I'm not sure how Excel (or Calc) could cope with hex sequence 0123456789abcdef !
Maybe it can ? ?
Thanks, JJ

LibreOffice Calc includes function: DEC2HEX, the only small bugaboo is 0-16 convert to single hex characters that need leading zeros added.

Here's part* :

https://dl.dropboxusercontent.com/s/bri ... asted2.svg

*Seems the board software clips the width in the embedded image above, so it needs to be viewed in its own window, to get the full monty.


Regards,
TD

Hi.

Currently running chrome, it renders "relatively" ok.


Firefox doesn't render at all on this machine, and here is how the built-in viewer renders the svg:

tylerdurden wrote:LibreOffice Calc includes function: DEC2HEX, the only small bugaboo is 0-16 convert to single hex characters that need leading zeros added.

Here's part* :

https://dl.dropboxusercontent.com/s/bri ... asted2.svg

*Seems the board software clips the width in the embedded image above, so it needs to be viewed in its own window, to get the full monty.


Regards,
TD

Maybe not as precise due to the lack of input options, but you can draw similar
with the tiled clone panel very fast. http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Tiles-Color.html

Giving a rectangle an undefined fill, by making tiled clones of it with 1 rows and 334 columns,
and setting 0,3% for the hue value change percentage for each column will cover all the hue range.