Why can’t I reference an SVG linear gradient defined in an external file (paint server)?

by

After more research, it looks like this is a browser support issue. See:

Sadly, I’d come across this question before posting mine, and had thought that surely, in 5-1/2 years, browser support would have caught up – but that doesn’t appear to be the case.

As of 2015, apparently Firefox and Opera are the only two browsers to support this in any substantial way.

Back to the drawing board…

More Related Contents:

  1. SVG Line with Gradient Stroke Won’t Display if vertical or horizontal
  2. SVG gradient using CSS
  3. svg multiple color on circle stroke
  4. SVG angular gradient
  5. Can I apply a gradient along an SVG path?
  6. svg text wrapping issues
  7. How to calculate the SVG Path for an arc (of a circle)
  8. Circle drawing with SVG’s arc path
  9. Can you control how an SVG’s stroke-width is drawn?
  10. How to convert a PNG image to a SVG? [closed]
  11. Removing transforms in SVG files
  12. Gradient text color
  13. How to set transform origin in SVG
  14. Remove the host HTML element selectors created by angular component
  15. Add custom icons to font awesome
  16. semantic zooming of the force directed graph in d3
  17. Find svg viewbox that trim whitespace around
  18. How to convert/save d3.js graph to pdf/jpeg
  19. Scale and mirror SVG object
  20. vertical alignment of text element in SVG
  21. How to place multiple evenly-spaced arrowheads along an SVG line?
  22. SVG Positioning
  23. How can I cut one shape inside another?
  24. Do SVG docs support custom data- attributes?
  25. How can I prevent CSS gradient banding?
  26. Add text/label onto links in D3 force directed graph
  27. CSS gradient checkerboard pattern
  28. SVG Image in JavaFX 2.2
  29. Simple fill pattern in svg : diagonal hatching
  30. Convert SVG polygon to path

Leave a Comment