35 lines
1.7 KiB
HTML
35 lines
1.7 KiB
HTML
<div (click)="handleClick($event)" class="btn btn-outline-secondary compass" [style.transform]="Rotation()" [ngClass]="{'compass-n':IsNorth()}">
|
|
<svg height="100%" width="100%" viewBox="0 0 132.29166 132.29167">
|
|
<g
|
|
inkscape:label="Laag 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1"
|
|
transform="translate(0,-164.70832)">
|
|
<g
|
|
id="g4550"
|
|
transform="translate(2.3213753,-1.8555167)">
|
|
<path
|
|
id="top-r"
|
|
d="m 63.824458,179.82737 v 52.8823 H 48.380953 Z"
|
|
style="stroke:none;stroke-width:0.15389842px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
|
|
<path
|
|
id="top-l"
|
|
d="m 63.824458,179.82737 v 52.8823 h 15.443505 z"
|
|
style="stroke:none;stroke-width:0.15389842px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
|
|
<path
|
|
id="bottom-l"
|
|
d="m 63.824458,285.59197 v -52.8823 h -15.4435 z"
|
|
style="stroke:none;stroke-width:0.15389842px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
|
|
<path
|
|
id="bottom-r"
|
|
d="m 63.824458,285.59197 v -52.8823 h 15.443505 z"
|
|
style="stroke:none;stroke-width:0.15389842px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
|
|
|
|
<path
|
|
id="north"
|
|
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';stroke-width:2.95481014"
|
|
d="m 50.702335,239.32724 h 9.926315 l 12.534859,23.63848 v -23.63848 h 8.425825 v 34.46509 H 71.663019 L 59.12816,250.15385 v 23.63848 h -8.425825 z" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div> |