[Webkit-unassigned] [Bug 191840] SVG Transparent gradients are too opaque

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Nov 20 16:55:34 PST 2018


--- Comment #4 from d3x0r <d3ck0r at gmail.com> ---
I just have a mac mini; it rencetly applied a system update, someone on IRC said 'hmm that doesn't look right, did you try safari' I hadn't, until I did... the screen shot was all 4 windows stacked in one shot.

I did include a HTML attachment (top) that is the static SVG images.
I don't have them as SVGs themselves; they were created to be added in parts dynamically... but can just copy from <svg> to </SVG> and save them well no I guess not.

This should be green, but shows as white when loaded on my mac-mini from

https://d3x0r.org:444/images/node.svg  (same file source below)
But; it's also the same (basically) as the JS Fiddle, so if it's fixed for the future that's great...

I did try to install a nightly build  all I have is   Version 11.0.2 (13604. ... I got the zip, and opened it, and it appeared to install but I don't know where it went.... (I'm entirely unexperienced with Mac)


<svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="-2 -2 68 68">
                        <radialGradient id="gradient-0" gradientUnits="userSpaceOnUse" cx="-38.806" cy="-32.359" r="31.21" gradientTransform="matrix(0.556701, 0.060335, -0.061948, 0.571572, 35.942307, 40.952184)"><stop offset="0" style="stop-color: rgba(255, 249, 249, 0.72);"/><stop offset="1" style="stop-color: rgba(255, 255, 255, 0);"/></radialGradient>
                        <radialGradient id="gradient-1" gradientUnits="userSpaceOnUse" cx="7.916" cy="20.156" r="31.21" gradientTransform="matrix(1.665372, 0.004509, -0.004806, 1.773443, -10.723868, -25.421527)"><stop offset="0" style="stop-color: rgba(227, 227, 227, 0);"/><stop offset="1" style="stop-color: rgba(0, 0, 0, 0.45);"/></radialGradient>
                        <radialGradient id="gradient-2" gradientUnits="userSpaceOnUse" cx="5.259" cy="16.687" r="31.21" gradientTransform="matrix(1.490671, 0.00387, 0.00009, 1.829344, 1.658628, -19.147887)"><stop offset="0" style="stop-color: rgba(246, 243, 243, 0);"/><stop offset="1" style=""/></radialGradient>
                        <linearGradient id="gradient-4" gradientUnits="userSpaceOnUse" x1="17.355" y1="-22.732" x2="17.355" y2="44.298" gradientTransform="matrix(0.770686, -0.637215, 0.374193, 0.45257, 22.306562, 74.687881)"><stop offset="0" style="stop-color: rgba(227, 227, 227, 0.29);"/><stop offset="1" style="stop-color: rgba(0, 0, 0, 0.06);"/></linearGradient>
                <ellipse style="fill: rgb(255, 0, 255);" cx="63.354" cy="78.071" rx="30.93" ry="30.717"></ellipse>
                <ellipse style="fill: rgb(0, 0, 255);" cx="63.354" cy="78.071" rx="30.93" ry="30.717"></ellipse>
                <ellipse style="fill: rgb(128, 0, 0);" cx="63.354" cy="78.071" rx="30.93" ry="30.717"></ellipse>
                <circle id="nodeColor" style="fill: rgb(35, 232, 0);" cx="32" cy="32" r="30"/>
                <circle style="fill:url("#gradient-2"); fill-opacity: 0.28;" cx="39" cy="39" r="30" transform="matrix(1.062366, 0, 0, 1.046363, -8.38973, -7.437199)"/>
                <circle style="fill: url("#gradient-0"); fill-opacity: 0.78;" cx="32" cy="32" r="30"/>
                <circle style="fill:  url("#gradient-1"); fill-opacity: 0.68;" cx="32" cy="32" r="30"/>
                <circle style="fill: url("#gradient-4");" cx="32" cy="32" r="30" transform="matrix(1.00693, 0, 0, 0.99307, -0.224218, 0.3336)"/>

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20181121/8435ca6d/attachment.html>

More information about the webkit-unassigned mailing list