Пользователи загружают фотографии, и размер фотографии неизвестен; необходимо увеличить пропорция. Как показано ниже.
Взгляните, вы можете использовать текстовое соглашение: в центре; В пропорции атрибуты ширины и высоты, которые используют Preset <img />, не могут быть решены. Потому что пользовательские картинки могут быть очень длинными или очень широкими. Я думал об их отношениях в Интернете и судил, что это следующее:
if (фактическая ширина> предварительно просмотреть максимальную ширину) {
Ширина масштабирования = максимальная ширина предварительного просмотра
}
if (фактическая высота> максимальная высота предварительного просмотра) {
Высота масштабирования = максимальная высота предварительного просмотра
}
Однако будут проблемы. Чтобы позволить ему масштабироваться пропорционально, необходимо вынести различные суждения. Затем это нарушает принцип нашей надежды на автоматизацию. Подумайте еще раз, хотя вам не нравится математика, но математика все еще очень полезна, должно быть и другие способы. Поскольку он масштабируется по пропорции, почему бы не использовать долю реальных изображений и ширины площади предварительного просмотра для расчета их взаимосвязи? Хмммм ... действительно в порядке. На самом деле, нам нужно только увеличить ширину или высоту. Потому что пропорция только большая и маленькая. В частности, напишите функцию для ее реализации:
Код кода копирования следующим образом:
/**
* Картина увеличивается в адаптивной пропорции
* @param img {element} изображения, загруженные пользователем
* @param maxwidth {номер} максимальная ширина области предварительного просмотра
* @param maxheight {номер} максимальная высота области предварительного просмотра
*/
Var resizeimg = function (img, maxwidth, maxheight) {
var w = img.width,
h = img.head;
// Когда изображение не вносит никаких изменений, чем часы предварительного просмотра
if (w <maxwidth && h <maxheight) return;
// Когда фактическое соотношение изображения больше, чем доля ширины и высоты площади предварительного просмотра
// масштабирование ширины изображения, в противном случае масштабирование ширины изображения
w/h> maxwidth/maxheight?