nswamy14 / visual-heatmap

Heatmap : Open source javascript module for high performance, large scale heatmap rendering.
BSD 3-Clause "New" or "Revised" License
55 stars 10 forks source link

Resizing Canvas #31

Closed jrking4 closed 2 months ago

jrking4 commented 2 months ago

Hi i am trying to utilize the library where i have an image, and then a list of coordinates that relate to "clicks" on the image. I want to show to the user the areas their image was clicked on most. These coordinates are the pixels of the image.

So when i set my image as the background, and lets say the image is 1000px by 1000px

As a quick example in my UI lets say i need to show this as no more than 500px high. or in other cases i may want to show a full screen where I then need to show the canvas as a max-height of 900px.

I have tried utilizing setSize and Zoom methods, but they do not seem to work as expected. I would assume all of the clicks and X/Y coordinates on the image are relative to the canvas and resizing is just simply a way to scale the image down so it fits on the screen better.