search

ailon / markerjs-live

Display dynamic, interactive, and scalable image annotations in your web apps.
7 stars 1 forks source link

not able to zoom #7

Closed eht22 closed 1 year ago

eht22 commented 1 year ago

Hi is there any zooming function available in marker js live. If yes could you pls help me how to do that?

ailon commented 1 year ago

Hi. There's no built-in zooming function in marker.js Live.

eht22 commented 1 year ago

is there any way to extend it's function make it possible?

ailon commented 1 year ago

You can just wrap it in an external div and control it through something like style="transform:scale(2);"

eht22 commented 1 year ago

Yeah it transform the div and image but not the marker

ailon commented 1 year ago

I made a quick demo here

Quick explanation: wrapped image in a div with position: relative. Set targetRoot on MarkerView to that div. Apply scale() transform to the div.

Seems to be working OK.

Hope this helps.