pattern01.svg 859 B

123456789101112131415161718192021222324
  1. <?xml version="1.0" standalone="no"?>
  2. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  3. "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4. <svg width="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
  5. xmlns="http://www.w3.org/2000/svg">
  6. <defs>
  7. <pattern id="TrianglePattern" patternUnits="userSpaceOnUse"
  8. x="0" y="0" width="100" height="100"
  9. viewBox="0 0 10 10" >
  10. <path d="M 0 0 L 7 0 L 3.5 7 z" fill="red" stroke="blue" />
  11. </pattern>
  12. </defs>
  13. <!-- Outline the drawing area in blue -->
  14. <rect fill="none" stroke="blue"
  15. x="1" y="1" width="798" height="398"/>
  16. <!-- The ellipse is filled using a triangle pattern paint server
  17. and stroked with black -->
  18. <ellipse fill="url(#TrianglePattern)" stroke="black" stroke-width="5"
  19. cx="400" cy="200" rx="350" ry="150" />
  20. </svg>