jQuery Cut Image auf Clientseite

Question

Gibt es eine Chance, Bild auf Clientseite zu schneiden/croppen? Ich suche im Internet nach Plugins, aber jedes Plugin benötigt serverseitige Skripte, um das Bild zu speichern - und das möchte ich nicht. Ich will nur Bild zuschneiden wie:

var my_image = jQuery('.my_class .my_img img'); 
var my_image_height = jQuery('.my_class .my_img img').height(); 

if (my_image_height > 223){ 
    ... // and what I can do in here. Is there any change for that ? 
     // Best thing will be cut image by X pixels from bottom :)  
} 

Einige Tipps? oder das ist einfach unmöglich?

Answer 1

Ja, Sie können, aber es ist nicht einfach. Sie müssen es in die Zeichenfläche laden, es zuschneiden und dann als src für ein bestimmtes img-Element festlegen. Oder Sie simulieren Zuschneiden mit CSS. Verwenden Sie nicht img-Element, sondern zum Beispiel div, und legen Sie dann background-image-Eigenschaften in geeigneter Weise fest.