6,040 questions
0
votes
0
answers
108
views
How to fit content to visible area of zoomed mobile browser?
Is there any simple way to fit html content into the visible part of a phone screen browser, when zoomed in? Constraints:
Fits visual viewport (not layout viewport)
Fits width (vertical scrolling ok, ...
- 109
1
vote
1
answer
97
views
How could I zoom into a point (mouse positon) on a grid canvas?
(I've seen some similar-ish questions to mine, but they do not really apply to my case.)
I am scripting on a custom canvas for a program plugin using Lua. Drawn onto the canvas is a grid of squares, ...
- 23
0
votes
0
answers
57
views
Line chart> (swimlane/ngx-charts) In zoom-in mode, the chart marker is displaying the value of the next data point instead of the selected one
1. Marker Display Issue in Zoom-In Mode
When zooming into the line chart, the marker/tooltip is showing the value of the next data point instead of the currently selected one.
2. Tooltip Position ...
- 51
0
votes
2
answers
56
views
Keep size and space between views in UIScrollView when zooming
In the scroll view I have one central view (gray) that should zoom normally and some other views (orange) which should keep their visual size and space to the gray view.
I can keep size by applying ...
- 4,560
0
votes
0
answers
45
views
Zoom out new origin calculation using css transform matrix
I am required to implement a pan and zoom feature for an image, my project is implemented from React, due to performance concerns, I couldn't use normal useState and other APIs because of performance ...
1
vote
0
answers
50
views
Kotlin compose troubles to make scroll zoom
i have trouble with creating zoom with Jetpack Compose on Desktop
I found this topic: How to implement zooming with a mouse wheel in Jetpack Compose Desktop? but it couldn't help me. I`m newbie at ...
1
vote
1
answer
33
views
How to bind y axis for zoom in an interactive chart
I am new to vega altair, and I don't understand with the chart obtained from the following code with the .interactive() method is unable to zoom the y axis (quantitative), it only zooms on the x axis (...
- 21
1
vote
2
answers
250
views
Zoom at mouse cursor using TImage
I have a VCL MDI Application in Delphi 10.4, and I have an image browser in it using a modal form. Recently I was asked to implement a zooming functionality in that form. It's not a mandatory ...
- 11
1
vote
1
answer
276
views
Disable Pinch Zoom but Allow Scroll with JavaScript
TL;DR: I need a JavaScript solution that disables pinch-zooming but preserves vertical two-finger scrolling on touchpads.
Generally speaking, on devices with touchpads - like laptops! - users are ...
- 288
0
votes
1
answer
115
views
Mapbox: how to prevent page-scroll hijacking while allowing pinch to zoom
I'm inserting a Mapbox map with mapbox-gl-js as a full-width, full-height div into my website. The default behaviour is that scroll is used for zooming. But I don't want that as then the user can't ...
0
votes
0
answers
67
views
Camera zoom factor 1x to 3x over a duration of 0.25 seconds for iPhone
I am working with the builtInWideAngleCamera back main camera for iPhone.
Using the method ramp(toVideoZoomFactor:withRate:) I am trying to create a function that smoothly transitions from zoom factor ...
- 3,011
0
votes
1
answer
192
views
How to zoom and center on double click in Image in WinUI 3?
I have scrollViewer in WinUI 3 that contain Image and when I press double click on mouse I want to zoom in/out image and center the image to position of my cursor.
I do this code for zoom in/out on ...
- 29
1
vote
1
answer
74
views
How to improve responsiveness of interactive plotly generated line plots saved as html files?
I have some very long time series data (millions of data points) and generate interactive plotly html plots based on this data. I am using Scattergl from plotly's graphical_obects.
When I attempt to ...
- 1,172
1
vote
0
answers
44
views
Excessive API Requests While Zooming or Panning in flutter_map with Custom TileProvider
I am using the flutter_map package with TomTom tiles to display a map in my Flutter application (also for Windows). However, I noticed that zooming or panning the map triggers excessive API requests, ...
2
votes
1
answer
199
views
Problem in PySide6 with AnchorUnderMouse when zooming in QGraphicsView (possible bug?)
I want to zoom in a QGraphicsView so that the scene position under the mouse stays under the mouse.
The following code achieves this:
from PySide6.QtCore import QPoint
from PySide6.QtWidgets import ...
- 69
0
votes
1
answer
57
views
Does anyone know how I can keep my elements in the same position when zoomed in and out on a webpage?
Im pretty new to coding, and I was wondering if there is anything I can do in CSS, HTML, or JS that would stop my elements from moving around without using position: fixed; When I zoom out on a ...
0
votes
0
answers
71
views
Why do ggmagnify() zoomed-in insets are off-limit?
First, I am not very familiar with the R language and learn it. I use R4.31, RStudio , ggplot2 3.5.1, dplyr 1.1.4 and ggmagnify 0.4.1.
Second, most of my needs are plots so ggplot is very useful. This ...
- 35
2
votes
1
answer
100
views
Zooming on Canvas doesn’t work when resizing the canvas and updating scrollbars positions
I’m trying to implement zoom functionality on a canvas element where:
The zoom should be centered on the mouse cursor.
The canvas should scale properly.
The scrollbars should update to reflect the ...
- 477
0
votes
1
answer
56
views
(Un)zooming a canvas is not precise
When I zoom a canvas, usually multiple times, then unzoom the same number of times, the canvas doesn't unzoom the same. Below are the results of 1 zoom in and 1 out. You see the image never goes back ...
- 1,002
0
votes
0
answers
305
views
How to add panning and zoom in blazor web app wasm
I create a new blazor web app project like this: (https://i.sstatic.net/ejiES4vI.png)
It has 2 projects in 1 solution, one is server-side and the other one is client-side. In client-side project there ...
0
votes
1
answer
123
views
VS Code zooming in sensitivity
I was using VS Code for like 3 years and everything was fine, but for some reason today when I opened up VS Code and open my code and tried to zoom in, I had to scroll like 7-8 whole scrolls to zoom ...
0
votes
1
answer
33
views
MDriven Modelr reset zoom?
Maybe I'm just blind, but is there any way in MDriven Framework Modelr (modeler) to reset zoom level to 100 % (or whatever the default zoom level is)?
Preferably for all diagrams at once...
- 1,623
0
votes
0
answers
47
views
hover on image brush zoom in other panel wpf C#
I have 2 imagebrushes inside the border, one of them does not zoom, but I want the zoomed image to be displayed around the mouse when I move the mouse over it.
as follow image:
I want the zoomed ...
0
votes
0
answers
79
views
Prevent rescaling graphs on different screen sizes when zooming in R shiny
When we create a shiny app, users will use the app on different screen sizes (laptops, monitors). This means there are different heights and widths per user which may transform the graphs which have ...
- 42.8k
0
votes
1
answer
57
views
How to use relative CSS dimensions (%, vw, vh) and preserve user zooming/scaling
I have coded a website and have used a percentage width like so:
max-width: 50%
When the user zooms the website, the text and other divs are scaling OK but these percentage-set divs are enlarging very ...
0
votes
1
answer
97
views
How to recreate browser zoom in a react project
I'm searching for a zoom that works exactly the browser's zoom.
I've tried some but in the 3D viewer (three.js) the zoom is breaking the page.
I have to set the zoom at 80%, doing it directly from the ...
0
votes
1
answer
210
views
How to zoom image in and out using mouse location C# windows forms
I want to zoom in to image, so the point under the mouse cursor will stay under the mouse cursor. I have tried:
private void ZoomForm_MouseWheel(object sender, MouseEventArgs e)
{
float ...
- 301
0
votes
1
answer
77
views
Zoom on Touch devices, what exactly does it do?
Frankly, I don't understand what is going on here.
Page zoom in the address bar is still 100%
If I use console.log to print width/height of window, screen or element they still have exactly the same ...
0
votes
0
answers
69
views
OpenLayers 9 zooms in too far on feature extent
I am trying to zoom to the extent of a feature, but I cannot make it actually fit the feature completely within the map view. It always zooms in too far; what kind of math do I need to do to get it to ...
- 696
1
vote
1
answer
204
views
Apex Charts - uniform zoom
I'm using Blazor-ApexCharts nugget in dotnet 8 blazor wasm application, but i think this relates to any other application type.
Is there any way to zoom in on X and Y axis by the same factor?
The ...
- 11
2
votes
2
answers
1k
views
Is there an HTML5 API to control camera focus and zoom on iPhone?
I am currently working on a web application that requires the ability to control the camera's focus and zoom directly from the browser. The application is designed to be used on iPhones, and I am ...
- 1,349
1
vote
1
answer
188
views
Consistent Point Placement on Zoomable Tkinter Canvas
I'm working on a Python project where you have a canvas with an image that you can zoom in/out on various points, I made it so I can place dots on this canvas. Initially at zoom_scale 1 (no zoom ...
- 31
0
votes
1
answer
341
views
Zoom image outside bounders of JetpackCompose HorizontalPager
I'm trying to implement zooming an image using PointerEvent (2 fingers) and it's working perfectly (Zooming out of column bounders which is 0.4% of the screen height) when wrapped in a Column but it's ...
- 2,691
0
votes
2
answers
129
views
Zoom only using mouse wheel
I'd like to allow zooming on a canvas (excalidraw API) using only the mouse wheel like on google map , without pressing the ctrl key.
Here are two things that I tried :
useEffect(() => {
const ...
1
vote
1
answer
356
views
Is there a way around Safari's min-font size?
JSBIN: https://jsbin.com/subipamero/edit?html,css,output
HTML:
<div>This is 20px text</div>
<div class="shrunk">This should appear as 4px size text (20px * .2)</div>
...
- 87
0
votes
0
answers
66
views
JavaFX Zooming remain children relative node position
I am trying to build a zoomable and pannable 2D map for a video game.
The map consists of an image view for the background image and a Group container that contains my child nodes. In my setting the ...
- 1
-1
votes
1
answer
82
views
How can I implement a 2x camera view as surface view?
I'm trying to make the surface view of my app, (android app), a live camera view that will always be zoomed in by two. It has a GUI on top of that. I do not need to zoom in or out. I just need to ...
0
votes
1
answer
159
views
How to recreate browser zoom in javascript?
Since there seems to be no way to directly set browsers' zoom level via js, I thought to override the browser zoom and code my own.
This code works correctly when starting from scale = 1, but I'm ...
- 134
0
votes
1
answer
479
views
How to Dynamically Set Zoom Level to Display Two Markers on Google Maps in Flutter App screen Without Scrolling?
I'm working on a Flutter application that utilizes Google Maps. In my app, I have two markers: one representing the user's location and the other representing the pet's location. I want to set the ...
-2
votes
1
answer
82
views
Applying zoom into point like Aseprite
Hello I need some help with applying an answer on another question to my code. I'm currently trying to recreate aseprite's zoom functionality but, with my current code, when I zoom on different sides ...
0
votes
1
answer
123
views
Load low resolution version of polygon in lower zoom level, in leaflet
Leaflet uses the principle of loading map tiles according to the zoom level, that is, the resolution of the map image depends on the zoom level. Can we apply the same principle to a polygon?
My ...
- 16.5k
0
votes
0
answers
60
views
How to calculate the click on the original pixel of the image after it has been panned, zoomed, and adjusted with the scrollbars
Issue
I am created a GridEditor program that generates a grid based on the dimensions provided and then allows you to paint patterns in each of these grid squares. I implemented a zoom and pan method ...
1
vote
1
answer
121
views
Hover over image and get zoom effect on another image using javascript?
Code breakdown:
This code has a main image (the big picture at top), and then smaller preview pictures under than main image. (Ignore the big picture at bottom as this is used to help visually ...
- 109
0
votes
1
answer
102
views
How to fill the screen when using transform: scale on <body>, instead of centering it on the screen with whitespace around it?
I would like to use the following code to zoom the page to 65%, but it does not work on Safari for iOS:
body {
zoom: 0.65;
}
So instead I am using this code:
body {
-webkit-transform: scale(0....
- 21.1k
0
votes
1
answer
89
views
css 3 image hover overlay
I have created an image effect where an image is zoomed in on hover, while the overlay text stays the same size. I am now trying to create a semi opaque dark overlay over the image on hover but the ...
- 9
1
vote
2
answers
88
views
Plotly heatmap: center the zoomed zone after zooming on a rectangle
The following code (see Keep square pixels + ability to have any rectangular shape zoom with Plotly.js, with a plot with 2 layers and Zoom on a Plotly heatmap) works to create a Plotly heatmap that:
...
- 47.5k
1
vote
1
answer
169
views
Why does jquery ui draggable containment not work if transform scale is used
I have some code which demonstrates the issue.
JSFIDDLE
I have an element which can be dragged around which works fine. I have included a button which allows the user to "zoom" in. This is ...
- 4,809
0
votes
1
answer
132
views
OpenLayers: Zoom level cropping VectorTile layer - how to fix?
I want to use TopoJSON data as a VectorTile layer for an OpenLayers map. When the map's zoom level is set to 3 or less, the full VectorTile layer is displayed, but at zoom level 4 or greater, the ...
- 301
1
vote
1
answer
158
views
mapView.fitToBounds() method from highcharts not working
I have created a bubble map with a geographical map at the base and points represented on it in the form of bubbles. The points have latitude longitude information with the help of which they get ...
2
votes
1
answer
255
views
Using SciPy ndimage.zoom on an array with nan values
I am trying to use scipy.ndimage.zoom on an array that contains a significant amount of NaN values, and wanted to try to use different orders to see how the results varied, but for orders higher than ...
- 423