react-zoom-pan-pinch icon indicating copy to clipboard operation
react-zoom-pan-pinch copied to clipboard

Responsiveness

Open Jordan-Eckowitz opened this issue 5 years ago • 2 comments

First of all, great package!

I am trying to make the container of an image responsive such that when the window size changes the image scales up/down accordingly and stays within the same position within the frame.

I am guessing I need to apply a scaling factor on to the scale, positionX and positionY values in order to be able to do so.

Has anybody tried this / got an idea of how I should implement this?

Jordan-Eckowitz avatar Apr 22 '20 20:04 Jordan-Eckowitz

For images we can achieve it by styling, with the nodes, that thing will be more "tricky". I have an idea to make some sort of wrapper around it so it will adjust itself with responsiveness, but for now it's just a plan

prc5 avatar Jun 26 '21 16:06 prc5

@prc5 Any luck or progress with making images responsive? Or any pointers will be great too! Thanks!

keneijezie-sensorup avatar Mar 22 '22 20:03 keneijezie-sensorup

We have now responsive example thanks to @matthiasschwarz !

prc5 avatar Feb 27 '23 16:02 prc5