Arc-Based Petal Patterns : path « SVG « XML

Home
XML
1.CSS Style
2.SVG
3.XML Schema
4.XQuery
5.XSLT stylesheet
XML » SVG » path 
Arc-Based Petal Patterns

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">

  <g transform="translate(0,0)">
    <path d="M150,150 a100,100 0 0,0 100,100 z" fill="red"
      stroke="black" stroke-width="4" />

    <path d="M150,150 a100,100 0 0,0 -100,100 z" fill="green"
      stroke="black" stroke-width="4" />

  </g>
</svg>

 
Related examples in the same category
1.Using path to Render Rectangles
2.Coloring Elliptic Arcs
3.Rendering a Quadratic Bezier Curve
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.