Giter Site home page Giter Site logo

Increasing max zoom about jquery-cropbox HOT 6 CLOSED

Sedins avatar Sedins commented on August 16, 2024
Increasing max zoom

from jquery-cropbox.

Comments (6)

acornejo avatar acornejo commented on August 16, 2024

The plugin doesn't currently support that.

You could easily workaround that restriction by resizing the image 2x in before feeding it into cropbox. Search for HTML5 canvas element to see what I'm talking about, or go here https://developer.mozilla.org/en-US/docs/HTML/Canvas for the reference (I don't think you will find a css work around btw).

I'll look into adding support for this later this week.

from jquery-cropbox.

Sedins avatar Sedins commented on August 16, 2024

Great! Checked the workaround and it seems like a very easy one as you said.

I'm in no hurry though as I have more things to implement as well. Following your project and keeping my fingers crossed that it isn't too much work to get the functionality directly in cropbox.

Thanks again for all the nice work with the plugin!

from jquery-cropbox.

capri02 avatar capri02 commented on August 16, 2024

Hi, First of all you really made a nice plugin. All functionality (crop, pan, zoom) is available in one plugin.

Right now I found that the image zoom option is not very scale able like Sedins mention in his comment. For me using canvas is not an option because a lot of other things happening with the image. Would be great if you extend the zooming option or could provide some tip to make it work.

from jquery-cropbox.

acornejo avatar acornejo commented on August 16, 2024

Hi,

Just to say that I plan to add a maxZoom option for you guys.

Its default value will be 1, which will result in the current behavior
(which means you can't zoom past the point where you would be loosing
image quality)

However, you can also set to larger values (say 1.5, 2, 3 or 10) which allows
the user to zoom the image and start loosing quality.

Unfortunately my real job prevents from doing it now, but I hope this
weekend I'll get some spare time to work on it. Pull-requests to add
this option will be gladly accepted.

from jquery-cropbox.

Sedins avatar Sedins commented on August 16, 2024

I'm excited to hear you plan working on this feature. I'm not that familiar with the cropbox code myself and is also involved in another larger project besides my real job to be of any major help. Can help with testing or something other minor tasks if needed though.

Haven't been using github that much. What is a pull-request and how can that help you? I guess it involves in contributing a bit with coding?

from jquery-cropbox.

acornejo avatar acornejo commented on August 16, 2024

maxZoom feature has been added, try it out. image quality will inevitably decrease when using values greater than 1.

Closing this issue.

from jquery-cropbox.

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.