6,070 questions
-1
votes
0
answers
41
views
Zoom in ChartJS is not centered in the mouse position
I'm having trouble with the zoom using ChartJS. I'm using a canvas with a candle chart to display the stock price and other two canvas to display bars for the volume.
The problem is that when zooming, ...
2
votes
1
answer
35
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 ...
- 59
-1
votes
0
answers
23
views
Page breaks when zooming in
My website is displayed as intended at 100% zoom + when zoomed out. However, a problem occurs once you zoom in. It initially looks fine, but after navigating to the right side of the page, all the ...
0
votes
0
answers
21
views
How to Implement Zoom and Scroll with Canvas in a PDF Viewer with Centered Zoom on Mobile Devices?
I’m building a PDF viewer on a webpage using PDF.js, and I’m facing an issue with implementing both scrolling and zooming features. The user should be able to:
Scroll through the PDF pages (already ...
0
votes
1
answer
45
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
25
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 ...
- 21
2
votes
1
answer
53
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
48
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
64
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
0
answers
47
views
CodePen url query string to control zoom level of a pen
I'm looking for the answer in the CodePen's documentation without finding it, so I don't know if what I'm looking for is expected: is it possible to pass the zoom level (1, 0.5, 0.25) via url (like ...
- 1,583
0
votes
1
answer
60
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
19
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,499
0
votes
0
answers
35
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
64
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 ...
- 41k
0
votes
1
answer
38
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
0
answers
104
views
How can I access the ultra-wide camera in Flutter? I can’t get it via the camera plugin or Camera2 API. The camera manager shows no results
I am trying to access the ultra-wide camera on my device through a Flutter app using the camera plugin, but I'm unable to get a list of all available cameras. I need to show the ultra-wide camera zoom ...
0
votes
1
answer
42
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
88
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 ...
- 181
0
votes
0
answers
23
views
Krita's setZoomLevel requires division by a strange constant
I want to make a Python script for zooming out in Krita by a constant. I have one that works, but it requires me to do extra division because there is a weird mismatch between zoomLevel and ...
- 13
0
votes
1
answer
56
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
45
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 ...
- 596
0
votes
0
answers
33
views
How to store Programmatic zoom for mouse zoom not to start at 0,0 scale 1 again
I have a d3 v4 script which draws a windrose / pie chart type graphic which is tweened into to the canvas from x:0, y:0 to the middle of the canvas.
When a User zooms that windorose catapults back to ...
- 223
1
vote
1
answer
100
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
1
vote
2
answers
621
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,329
1
vote
1
answer
99
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
191
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,693
0
votes
0
answers
22
views
D3 zoom transform retained in subsequent charts
This relates to D3 version 7 and an issue with the zoom transform values being retained in subsequent charts on the same page. I have researched anything I could find online or here but none answers ...
- 59
0
votes
0
answers
53
views
Zooming into Pictures etc. with two fingers on touchscreen
Looking for a solution to zoom a picture etc. similar to the zoom function on smartphone. The center point of the zoom is the mid between finger1 and finger2 the more i pull my fingers apart, the more ...
- 29
0
votes
2
answers
79
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 ...
0
votes
0
answers
29
views
How would I make zooming in and out of the website using percentage units like vh vw and % without just the font increasing in size
I'm trying to build a website on the odin project primarily with flexbox;texthere is the code
I tried to use percantages but that wouldn't be efficiant when working with children(not litteral children)...
- 1
1
vote
1
answer
161
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>
...
- 77
0
votes
0
answers
55
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
65
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
0
answers
36
views
Fly-to on svg image in javascript
First, I'm totally new to Javascript. I have some training (not that much) in html & css.
I have created an svg image of a piece of world map that I have illustrated myself and incorporated into ...
- 1
0
votes
1
answer
117
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
0
answers
35
views
How to scale screen using two different scale factors at the same time in TypeScript?
I am trying to scale screen using a scale factor if a zoom event is triggered. While, I am doing the same if the screen is resized instead but this scaling uses a different scale factor. However, if ...
- 1
0
votes
1
answer
281
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
71
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
60
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.2k
0
votes
0
answers
49
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 ...
0
votes
0
answers
81
views
To use gallery view on Chrome/Chromium browsers, SharedArrayBuffer is required
I am integrating zoom into laravel with server to server auth. But i start the meeting this error is occur in console.
https://github.com/gzuidhof/coi-serviceworker
I include this file in blade file.
...
1
vote
1
answer
82
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 ...
- 111
0
votes
1
answer
33
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....
- 20.8k
0
votes
1
answer
75
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 ...
- 7
1
vote
2
answers
62
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:
...
- 46k
1
vote
1
answer
104
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,671
0
votes
0
answers
65
views
Weird behavior of QCustomPlot when dragging with log scale
So I'm making a frequency plot in the Qt framework (ver. 6.6.3) with QCustomPlot 2.0, and I want to be able to zoom and drag the plot along the X-axis, which for lisibility is in log scale. On top of ...
- 11
0
votes
1
answer
81
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 ...
- 131
1
vote
1
answer
97
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 ...
0
votes
0
answers
120
views
Zoom Web SDK - "Invalid apiKey/sdkKey and/or signature"
I want to show a meeting in my Next.js App and I have a problem, Im getting this error:
“INVALID_OPERATION” - “Invalid apiKey/sdkKey and/or signature” Error.
Im doing every step by the docs and dont ...
