<?xml version="1.0" encoding="utf-8"?>
<button>
	<title>Ellipse 45°</title>
	<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
			width="160" height="160" viewBox="0 0 160 160">
		<defs>
			<clipPath id="cp" transform="rotate(-45,80,80)">
				<ellipse cx="80" cy="80" rx="80" ry="60" />
			</clipPath>
			<filter id="shadowFilter">
				<feGaussianBlur stdDeviation="3" />
			</filter>
		</defs>
		<image id="image" x="8" y="8" width="144" height="144" opacity="1.0" preserveAspectRatio="xmidymid slice"
			clip-path="url(#cp)"/>
		<g id="rotation" transform="rotate(-45,80,80)">
			<use id="shadow" xlink:href="#ellipse" x="2" y="2"
				style="visibility:hidden;fill:none;stroke:#404040;filter:url(#shadowFilter)" />
		    <g id="main" stroke="#FFFFFF" fill="none">
				<ellipse id="ellipse" cx="80" cy="80" rx="80" ry="60" stroke-width="5" fill="none"/>
			</g>
		</g>
	</svg>
	<parameters>
		<parameter>
		  <title>Image</title>
		  <name>href</name>
		  <type>image</type>
		  <element>image</element>
		  <attribute>xlink:href</attribute>
		</parameter>
		<parameter>
		  <title>Image opacity</title>
		  <name>opacity</name>
		  <type>percent</type>
		  <element>image</element>
		  <attribute>opacity</attribute>
		</parameter>
		<parameter>
		  <title>Outline width</title>
		  <name>stroke-width</name>
		  <type>integer</type>
		  <element>ellipse</element>
		  <attribute>stroke-width</attribute>
		</parameter>
		<parameter>
		  <title>Shadow</title>
		  <name>shadow</name>
		  <type>shadow</type>
		  <element>shadow</element>
		  <attribute>stroke</attribute>
		</parameter>
		<parameter>
		  <title>Outline colour</title>
		  <name>stroke</name>
		  <type>colour</type>
		  <element>main</element>
		  <attribute>stroke</attribute>
		  <changeable/>
		  <default-value>
		     <highlighted>#0000FF</highlighted>
			 <selected>#FF0000</selected>
		  </default-value>
		</parameter>
		<parameter>
		  <title>Inner colour</title>
		  <name>fill</name>
		  <type>colour</type>
		  <element>main</element>
		  <attribute>fill</attribute>
		  <changeable/>
		  <default-value>
		     <highlighted>none</highlighted>
			 <selected>none</selected>
		  </default-value>
		</parameter>
	</parameters>
	<init-parameter>href</init-parameter>
	<min-size>
		<width>8</width>
		<height>8</height>
	</min-size>
</button>
