Giter VIP home page Giter VIP logo

Comments (7)

PreciselyAlyss avatar PreciselyAlyss commented on August 21, 2024

Based on this, it should be using the default product image in the quick view modal. Have you tried uploading a higher resolution photo to see if that clears up the problem, @ocvninfo?

from cornerstone.

happyduong avatar happyduong commented on August 21, 2024

@bc-AlyssNoland Thank for your reply. But what i mean is blurry all the text in the popup.
The popup work fine on Firefox but blurry on Chrome.

from cornerstone.

EdFromBJCS avatar EdFromBJCS commented on August 21, 2024

@bc-AlyssNoland @ocvninfo I have noticed this as well. The title of this issue is misleading because it is not just pictures, text and other elements are blurry as well. It's subtle, but unmistakable. Looks kind of like the lossy analog picture you get from a VGA-connected monitor. Strange.

from cornerstone.

ThemeValeBC avatar ThemeValeBC commented on August 21, 2024

@EdFromBJCS I checked on firefox, The quick view popup working correctly. But it is blurry on chrome

from cornerstone.

sacr3dc0w avatar sacr3dc0w commented on August 21, 2024

It would seem that translate(-50%, -50%) is calculating a pixel value on both axes with a decimal place, causing subpixel rendering. One solution could be subtracting 0.5px from the Y-axis. That solved the problem in Chrome and Safari based off my testing.

from cornerstone.

happyduong avatar happyduong commented on August 21, 2024

@sacr3dc0w Thank you for this.
But it still blurry when popup resizing.

from cornerstone.

Ubersmake avatar Ubersmake commented on August 21, 2024

Closing this issue as I can no longer reproduce it. There are image-related PRs in #1094, #1096, #1104, and #1358. As some of the comments above mentioned, this could have also been a browser-related bug that's been fixed since this issue was first reported.

from cornerstone.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.