Comments (8)
… gave a weirdly scaled image in case the image is smaller than screen resolution.
Interesting. ZoomableImage
uses scaledInsideAndCenterAligned
to support this same use case -- images that are smaller than layout bounds. Can you share some code, the images you're using and your device resolution?
from telephoto.
In case of ZoomableImage
the underline Image
's content scale is ContentScale.Inside
using ContentScale.Inside
with scaledInsideAndCenterAligned
doesn't produce any issue but in my case i want to use ContentScale.Fit
which with scaledInsideAndCenterAligned
and an image smaller than screen resolution makes the displayed image weirdly zoomed in. In my case I tested with the small image below on a 720x1600 resolution device
from telephoto.
@saket any update?
from telephoto.
from telephoto.
I tried out the above image on a 720x1600 display but I'm unable to reproduce the problem. @AntsyLich please share a screenshot and some code? A reproducer project would be the best if you've got time.
ZoomableAsyncImage(
model = R.drawable.check_pattern,
contentDescription = …,
contentScale = ContentScale.Fit,
)
from telephoto.
I also used.
var canvasSize by remember { mutableStateOf(Size.Zero) }
LaunchedEffect(canvasSize) {
if (canvasSize == Size.Zero) return@LaunchedEffect
zoomState.setContentLocation(
ZoomableContentLocation.scaledInsideAndCenterAligned(),
)
}
If you still can't reproduce I'll get a reproducible code up
from telephoto.
If you still can't reproduce I'll get a reproducible code up
Yes please! The code snippet you shared is incomplete. It doesn't show how canvasSize
is populated.
I'm also curious to know why you aren't using ZoomableImage
/ ZoomableAsyncImage
directly? Is that because they are incorrectly scaling your image?
from telephoto.
FWIW I've added ZoomableContentLocation.scaledToFitAndCenterAligned()
, but you shouldn't need to use it if you're using ZoomableAsyncImage()
/ ZoomableGlideImage()
.
It'll be available in the next release.
from telephoto.
Related Issues (20)
- Restricting Zoom and Scroll Direction (X/Y Axis Only) and Callback for Current ZoomableState Updates. HOT 3
- Difficult to zoom inside pager HOT 8
- Ability to view image edges in the center of the screen HOT 3
- Unable to capture bitmap from ZoomableAsyncImage composable HOT 9
- Better zoom gestures HOT 13
- Please provide a way to change zoom and offset programatically HOT 7
- Coil returned a null cache snapshot HOT 4
- Telephoto internal NPE HOT 7
- Incorrect fling velocity on zoom gesture end with Compose 1.7.0-alpha02 HOT 1
- Zoomable modifier looses state after ZoomableState gets disposed and recreated HOT 12
- Allow disabling "Double tap to zoom" & "Pinch to zoom" separately HOT 2
- Content padding HOT 2
- Keyboard support HOT 1
- IllegalStateException: maximumVelocity should be a positive value HOT 16
- IllegalStateException: Coil returned a null cache snapshot HOT 5
- Gif Not Working HOT 5
- Individual Zoom for Canvas Rectangles using rememberZoomState. HOT 2
- Add mouse wheel zoom support HOT 3
- Different double tap/zoom functionality HOT 1
- Need SubsamplingScaleImageView.visibleFileRect(Rect fRect) analog HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from telephoto.