Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Nov 2005
    Location
    North Canton, Ohio
    Posts
    118
    Thanks
    11
    Thanked 4 Times in 4 Posts

    .svg curved path gradient

    I didn't know exactly where to put this, it's a xml service, but yet it's a web graphic.

    I'm making a .svg xml image for my site.
    I'm trying to figure out how to make a gradient to appear along a curved path in this image: http://blahertech.dnsalias.net/_dev/images/bottem.svg

    I want the same gradient used in http://blahertech.dnsalias.net/_dev/images/left.svg which is:
    Code:
               <linearGradient id="sidegrad" x1="0%" y1="0%" x2="100%" y2="0%">
                   <stop offset="0%" style="stop-color:rgb(67,82,94); stop-opacity:0;" />
                   <stop offset="100%" style="stop-color:rgb(67,82,94); stop-opacity:1;" />
               </linearGradient>
    but since this is along a curved path polygon, I have no idea how to make the gradient appear evenly along that cure and still show up straight through the straight line. My best guess is using a radial, but I don't know what it is or how I use it.

  • #2
    Regular Coder
    Join Date
    Oct 2006
    Posts
    107
    Thanks
    3
    Thanked 5 Times in 5 Posts
    Want to try taking a screen capture of VML and use an image?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •