User:Lilyuserin/SVG/rotatetri

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg 
xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" width="955" height="1350"
>
<defs>
	<path id="ptri" fill="none"
	d="M 0 0 h 400 l0 300 z"
	/>
  <use xlink:href="#ptri" id="ticks" style="stroke-width:5" fill="none"
	/>
  <circle id="kreis" r="100" fill="none" stroke="blue" stroke-width="2"
	/>
  <path id="xaxis" style="stroke-width:5"  stroke="black"
	d="M 0 0 h 550 M0 0 m50 15 l0 -15 m50 15 l0 -15 m50 15 l0 -15 m50 15 l0 -15
	 m50 25 l0 -25  m50 15 l0 -15  m50 15 l0 -15  m50 15 l0 -15  m50 15 l0 -15  m50 45 l0 -45"
	/>	

</defs>
  <desc>Line with tick marks</desc>
  <g transform="translate(400,150)" >
	<g id="axes">
	<use xlink:href="#xaxis" />
	<use xlink:href="#xaxis" transform="rotate(90)"/>
	</g>
	<use xlink:href="#ptri" style="stroke-width:20"  stroke="black" opacity="0.5"/>
	<use id="p1" style="stroke:red; " xlink:href="#ticks" />
   <use xlink:href="#ticks" style="stroke:blue;" transform="rotate(90)" />
	<use xlink:href="#ticks" style="stroke:green;" transform="rotate(90 100 0)" />
	<use xlink:href="#ticks" style="stroke:purple;" transform="rotate(90 100,100)" />
	<use xlink:href="#ticks" style="stroke:goldenrod;" 
	transform="translate(-0,-0) rotate(90) translate(100,100)"
	/>
   <use xlink:href="#ticks" style="stroke:turquoise;" stroke-opacity="0.1"
	transform="translate(100,100) rotate(90) translate(-100,-100)"
	/>
	</g>
	<g transform="translate(400,800)" >
	<use xlink:href="#axes" />
	<use xlink:href="#ptri" style="stroke-width:20"  stroke="black" opacity="0.5"/>
	<use id="p1" style="stroke:red; " xlink:href="#ticks" />
	<use xlink:href="#ticks" style="stroke:magenta;" transform="rotate(45 0 150)" />
	<use xlink:href="#ticks" style="stroke:orange;" transform="rotate(45 150 0)" />
	<use xlink:href="#ticks" style="stroke:maroon;" transform="rotate(45)" />
   <use xlink:href="#ticks" style="stroke:darkcyan;" transform="rotate(45 150 150)" />

	</g>
</svg>