<div class="zoomview-wrapper">

	<p class='form-drawing pullright'><strong>Zoom</strong></p>

	<svg ref="root-svg">
		<image 
			id="small-image"
			x="0" 
			y="0" 
			xmlns:xlink="http://www.w3.org/1999/xlink" 
			:xlink:href="imageUrl" 
			:width="imageWidth" 
			:height="imageHeight"></image>
		<rect v-show="showHandler" id="zoom-handler" ref="handler" x="0" y="0" style="fill:black; opacity:0.4"></rect>
	</svg>

	<ul class="form-drawing-wrapper zoom-action-list list-inline">
		<li class="small showPointer" @click="incraseDrawingZoom"><i class="fa fa-search-plus"></i> </li>
		<li class="small showPointer" @click="resetDrawingZoom"><i class="fa fa-square"></i> </li>
		<li class="small showPointer" @click="decreaseDrawingZoom"><i class="fa fa-search-minus"></i> </li>
	</ul>
</div>