Webmatrix - webimage 裁剪然后调整大小

Question

我想确保用户上传到我网站的所有图片大小相同。

我想要达到的尺寸是 620px x 405px

因为我不希望我的图像中有任何空白，并且我想保持纵横比，我猜我需要先裁剪，然后再调整大小？

到目前为止，我得到了以下代码：

photo.Resize(width: 620, height:405, preserveAspectRatio: false, preventEnlarge: true);

但显然这并没有给我想要的效果。

我在网上看到过其他文章，他们做了一些公式，但我无法为我工作。

Answer 1

假设有人上传一张 1020 x 405 宽的图片？你想保留哪一点？左手结束？右手端？中间一点？然后下一个图像是 3000 x 3000。现在你要裁剪哪一点？也许这个需要在裁剪之前调整大小，否则你可能只会得到一个窗口。

我的建议是允许用户指定裁剪区域，然后调整生成的裁剪图像的大小。有许多支持客户端裁剪的 jQuery 插件。我写过关于jCrop (http://www.mikesdotnetting.com/Article/161/WebMatrix-Testing-the-WebImage-Helper-With-JCrop) 的文章，但我也收到了一些反馈，说它在某些版本的 IE 中不可靠（尽管我自己没有测试过）。