I am having trouble finding what I’m looking for with google searches. I want to create a full-page image (that is, takes up the entire viewport). It might be one big image, a series of smaller images that fit together to look like one big one, or even an image built entirely in CSS. I’m not sure …
Tag: zooming
Javascript pseudo-zoom around mouse position in canvas
I would like to “zoom” (mouse wheel) a grid I have, around the mouse position in canvas (like Desmos does). By zooming, I mean redrawing the lines inside the canvas to look like a zoom effect, NOT performing an actual zoom. And I would like to only use vanilla javascript and no libraries (so that …
HERE map controls not loading in React
I’m trying to display zoom in and zoom out control in HERE maps in React. I’ve followed the steps mentioned in the documentation, but I’m not getting any help from there. I’ve followed everything in the link: https://developer.here.com/tutorials/react/ My map component link: https://gi…
How to make an Infinite Html5 Canvas which can be zoomed and panned?
I was working on a real time whiteboard. I want to create an Infinite canvas, which can be zoomed using the mouse wheel and panned using drag, using javascript.During the zoom and pan the items drawn on the canvas must also be affected. Is there a was to achieve this without using any external library? Answer…
Javascript zoom in/out to mouse x/y coordinates
I managed to make the mouse dragging to scroll the div, but the zooming in/out with the mouse is not complete. It works, but I would like for the mouse pointer to hold the image in that position and scale it at the same time, like so: I need to use scrollBy() to return the scrolling back to the previous
Google chart line with zoom and select event
I built a line chart that fire an alert when the points are clicked, that works fine. The problem is when I add the ‘explorer’ option (commented line, below) to enable the scroll zoom on the chart: the select event doesn’t fire and the click doesn’t work anymore (fiddle)… Please …
Move (drag/pan) and zoom object (image or div) in pure js
I’m working on a little script that makes an object (div or img) moveable and zoomable within a given frame. However I came across a few problems I’m not really sure of, because I’m a javascript beginner – so explanation of why those problems occure would be appreciated. Problems: Call…
raphael js Pan functionality using raphael-pan-zoom
I found a plugin called raphael-pan-zoom that I use to zoom-in and zoom-out my raphaeljs elements in my paper, the zoom worked perfectly, but when I wanted to move the paper to the left, right, top or down I didn’t success. I found in the “raphael.pan-zoom.js” the pan function : I don’…
Catch browser’s “zoom” event in JavaScript
Is it possible to detect, using JavaScript, when the user changes the zoom in a page? I simply want to catch a “zoom” event and respond to it (similar to window.onresize event). Thanks. Answer There’s no way to actively detect if there’s a zoom. I found a good entry here on how you can…