客户端的jQuery剪切图像

Question

有没有机会在客户端剪切/破坏图像？我在网上搜索插件，但每个插件都需要服务器端脚本来保存图像 - 我不想要这个。我只想裁剪图像：

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 :)    
}

一些提示？或者这是不可能的？

Answer 1

是的，你可以，但这并不简单。您必须将其加载到画布，裁剪它，然后将其设置为特定img元素的src。或者您可以使用CSS模拟裁剪。不要使用img元素，而是使用div，然后以合适的方式设置背景图像属性。