Default background color of SVG root element

by

SVG 1.2 Tiny has viewport-fill I’m not sure how widely implemented this property is though as most browsers are targetting SVG 1.1 at this time. Opera implements it FWIW.

A more cross-browser solution currently would be to stick a <rect> element with width and height of 100% and fill=”red” as the first child of the <svg> element, for example:

<rect width="100%" height="100%" fill="red"/>

More Related Contents:

  1. svg text wrapping issues
  2. Circle drawing with SVG’s arc path
  3. Can you control how an SVG’s stroke-width is drawn?
  4. How to convert a PNG image to a SVG? [closed]
  5. Removing transforms in SVG files
  6. How to use the viewBox attribute?
  7. Remove the host HTML element selectors created by angular component
  8. How many levels of recursion does SVG support?
  9. SVG Line with Gradient Stroke Won’t Display if vertical or horizontal
  10. semantic zooming of the force directed graph in d3
  11. Catmull-Rom interpolation on SVG Paths
  12. How to convert/save d3.js graph to pdf/jpeg
  13. Scale and mirror SVG object
  14. How to convert a SVG to a PNG with ImageMagick?
  15. vertical alignment of text element in SVG
  16. SVG shadow cut off
  17. Crop to fit an svg pattern
  18. Do SVG docs support custom data- attributes?
  19. SVG angular gradient
  20. Avoiding lines between adjecent svg rectangles
  21. Can I apply a gradient along an SVG path?
  22. Adding feDropShadow to a vertical line in SVG makes it disappear
  23. SVG Image in JavaFX 2.2
  24. Converting an svg arc to lines
  25. Simple fill pattern in svg : diagonal hatching
  26. Pure SVG way to fit text to a box
  27. SVG images blocked by gmail proxy
  28. Why can’t I reference an SVG linear gradient defined in an external file (paint server)?
  29. is it possible to make SVG circle fill color from bottom to top based on percentage? [duplicate]
  30. Convert SVG polygon to path

Leave a Comment