Git Product home page Git Product logo

Comments (6)

medienbaecker avatar medienbaecker commented on August 25, 2024

Ok, I managed to find out what's wrong with the output images. The image height is correct, it's 650px in the example, but the actual stretched height is equal to the width: 1440px. I stretched the original image in Photoshop and the circle is exactly the same.

So it seems like the script always does the "square" cropping but seems to output the correct image size. Maybe it's this line: https://github.com/flokosiol/kirby-focus/blob/master/focus.php#L29

from kirby-focus.

medienbaecker avatar medienbaecker commented on August 25, 2024

I downloaded a pure Kirby 2.3 Starterkit, installed the focus plugin and tested it locally and on my server. Same thing:

bildschirmfoto 2016-05-31 um 16 01 54

from kirby-focus.

flokosiol avatar flokosiol commented on August 25, 2024

I will have a look at this, thanks for reporting.
Did you implement the focusCrop method with one argument like this

<?php echo $image->focusCrop(200); ?>

or with two arguments like this

<?php echo $image->focusCrop(300,200); ?>

I guess I have to test some more edge cases (thumb height and/or width bigger than original, …)

from kirby-focus.

medienbaecker avatar medienbaecker commented on August 25, 2024

I tried both. If I crop a 200x200 square by <?php echo $image->focusCrop(200); ?> there's still stretching.

Can you please test the images I uploaded in the first post in your installation? Maybe it's something else. It stretches almost every image in my installations, with almost every crop ratio. If the image doesn't contain a circle or text it's not immediately noticeable, though.

from kirby-focus.

flokosiol avatar flokosiol commented on August 25, 2024

I think I found the problem, but I will do some more testing. If you can't wait for so long, you could you change this line …
https://github.com/flokosiol/kirby-focus/blob/master/focus.php#L132

$img->crop($x1, $y1, $x2, $y2)->resize($thumb->options['width'], $thumb->options['height']);

… to this …

$img->crop($x1, $y1, $x2, $y2)->thumbnail($thumb->options['width'], $thumb->options['height']);

Regards,
Flo.

from kirby-focus.

medienbaecker avatar medienbaecker commented on August 25, 2024

Wow, thank you for the fast solution! ❤️

from kirby-focus.

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.