line-reference.component.html
93ffbf4f70d9master

line-reference.component.html
View Options

			<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0"
			viewBox="0 0 25 50"
			(mouseenter)="showReference(true, $event)" (mouseleave)="showReference(false, $event)" (click)="changeLocation()">
			<defs>
			<marker id="arrowhead" markerWidth="10" markerHeight="10" refX="0" refY="2" orient="auto">
			<polygon points="0 0, 6 2, 0 4"/>
			</marker>
			<line id="arrow" x1="0" x2="15" y1="2" y2="2" stroke-width="1" marker-end="url(#arrowhead)"/>
			</defs>
			<rect x="0" y="0" height="100" width="200" [ngClass]="{ 'unhighlighted' : !highlighted, 'highlighted': highlighted }"/>
			<use x="0" y="3" xlink:href="#arrow" stroke="black"/>
			</svg>