javascript - js 中图片的保存和查询

Question

手机拍照或者选择相册里的图片，通常不是正方形的，而通过数据库查询出来的图片需要显示成正方形，我目前的出来是截取中间的部分

function imgLoad(id) {
    var node = $('#' + id);
    var height = node.height();
    var width = node.width();
    $('#p' + id).height(viewModel.c_width());
    $('#p' + id).width(viewModel.c_width());
    // console.log(height +'  :'+width)
    if (height > width) {
        node.width(viewModel.c_width());
        // node.height(viewModel.c_width()); 
        node.css('margin-top', -(viewModel.c_width() * height / width - viewModel.c_width()) / 2);
    } else {
        $('#' + id).width(viewModel.c_width() * viewModel.c_width() / height);
        node.css('margin-left', -(viewModel.c_width() * width / height - viewModel.c_width()) / 2);
    }
}

这里是获取到的长方形的图片，截取中间的部分，还有没有什么好的方法???

Answer 1

希望我没理解错,你的需求是怎样截的更符合标准还是怎样简化代码?
如果是前者的话,今天在知乎上看到的文章,讲的就是这方面的.你可以看看云时代，是时候简化你的图片库了