[xep-support] SVG gradient

Mark Cilia Vincenti markciliavincenti at gmail.com
Mon Nov 17 04:49:13 PST 2008


Thanks for your answer.

So I tried using <polygon> and it still didn't work.

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "
http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox = "0 0 350 350" version = "1.1" xmlns="
http://www.w3.org/2000/svg">
    <defs>
        <linearGradient id="grad1" x1="50%" y1 ="0%" x2 ="50%" y2 ="100%">
            <stop style="stop-color:rgb(255,255,255);stop-opacity:1" offset
= "0%"/>
            <stop style="stop-color:rgb(100,100,100);stop-opacity:1" offset
= "100%"/>
        </linearGradient>
    </defs>
    <polygon points="0,0 0,350 350,350 350,0" fill="url(#grad1)" />
</svg>

Can anyone help me please? What I'm trying to achieve is have a background
gradient for the page. I thought SVG would produce the best quality and
smallest file size. Any ideas?
2008/11/17 Steve Anderson <steveo at member.fsf.org>

> I just happened to stumble across the answer to you question myself
> yesterday.  According to the documentation
> (http://www.renderx.com/XEPUserGuide.pdf), "Gradient fill for
> rectangles is not supported: solid fill color used."
>
>       Steve
>
> On Mon, Nov 17, 2008 at 2:28 AM, Mark Cilia Vincenti
> <markciliavincenti at gmail.com> wrote:
> >
> > Hi,
> >
> > I have this SVG which shows up fine in Firefox, yet RenderX keeps
> outputting just the stroke without the gradient. Any ideas please?
> >
> > <?xml version="1.0" standalone="no"?>
> > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "
> http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
> > <svg viewBox = "0 0 350 350" version = "1.1" xmlns="
> http://www.w3.org/2000/svg">
> >     <defs>
> >         <linearGradient id="grad1" x1="50%" y1 ="0%" x2 ="50%" y2
> ="100%">
> >             <stop style="stop-color:rgb(255,255,255);stop-opacity:1"
> offset = "0%"/>
> >             <stop style="stop-color:rgb(100,100,100);stop-opacity:1"
> offset = "100%"/>
> >         </linearGradient>
> >     </defs>
> >     <rect width = "350" height = "350" stroke = "black" stroke-width =
> "1" fill = "url(#grad1)"/>
> > </svg>
>
>
> --
> steveo at member.fsf.org
> What you say does matter, and so does how you say it.
> -------------------
> (*) To unsubscribe, send a message with words 'unsubscribe xep-support'
> in the body of the message to majordomo at renderx.com from the address
> you are subscribed from.
> (*) By using the Service, you expressly agree to these Terms of Service
> http://www.renderx.com/terms-of-service.html
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.renderx.com/pipermail/xep-support/attachments/20081117/ba33a566/attachment.html>


More information about the Xep-support mailing list