Как работает масштабирование изображений?

В большинстве случаев скриншот, который я пытаюсь сделать, уменьшен в браузере, но я хочу экспортировать его как более крупный. Я использую значения bheight и bwidth, чтобы указать, какова высота и ширина элемента на веб-странице, а затем передать желаемое значение ширины и высоты (которое будет иметь такое же соотношение сторон). В некоторых случаях высота в 2-4 больше, чем высота, и это делает изображение очень размытым.

Все элементы внутри div, которые я пытаюсь захватить, не увеличиваются больше, чем 100% от их размера. Так, например, пропускная способность div может быть 300px, и я хочу, чтобы он экспортировался как 900px в ширину. Все изображения внутри этого div отображаются не больше 300px, но их истинная ширина 1000px. Учитывая, что изображение имеет ширину 1000px, у него не должно возникнуть проблем с шириной 900px, но оно выглядит размытым, как если бы оно было действительно изображением 300px с масштабированием 3x. 

Кроме того, текст на этом изображении размыт. 

Пара вопросов:

  - Я делаю что-то неправильно?

  - Как масштабируется Грабзит? Он делает снимок экрана шириной 300 пикселей (в моем примере выше), а затем масштабирует его после этого? Или это сначала масштабирование моих элементов из HTML, а затем возврат снимка экрана?

  - Единственный ли способ добиться того, что я хочу преобразовать в HTML, чтобы все значения высоты и ширины увеличивались на нужный мне масштаб?

Я использую метод ConvertHTML с DataURI

Благодарю.

Информация по использованию Изображения HD можно найти здесь.

Вы должны использовать параметр hd и ширину -1, и это увеличит вдвое размер изображения.

Использование ширины для установки точного размера не рекомендуется. Кроме того, установка высоты будет означать, что изображение будет увеличено, а затем увеличено по высоте, что приведет к размытию изображения.

Изображения HD работают путем увеличения окна браузера и создания скриншота.

Спасибо. Проблема в том, что HD масштабируется только вдвое, а иногда мне нужно больше. Есть ли способ сделать такую ​​настройку, как HD, где я выставляю масштаб? Если нет, есть ли другой способ достичь того, что я пытаюсь сделать?

На данный момент мне кажется, что единственный способ добиться того, чего я хочу, - это захватить HTML, затем использовать javascript, чтобы отрегулировать все встроенные стили высоты и ширины и заменить на высоту и ширину желаемой шкалы.

Спасибо

Хорошо, вы можете установить свой собственный масштаб, используя ширину, но вы должны установить высоту -1, чтобы избежать изменения размера длины изображения.

Но я хочу, чтобы высота тоже была изменена. Поэтому, если у меня есть изображение 300x300 на экране, но я хочу, чтобы оно экспортировалось как 900x900, установка высоты -1 приводит к изображению 900x300. 

Да, извините, вы правы относительно установки высоты.

Похоже, масштабирование через настройку ширины в настоящий момент нарушено. Я поднял дело, чтобы это исправить.

Хорошо, спасибо, что сообщили мне. Есть идеи, сколько времени занимают такие вещи? Я знаю, что сроки трудно назвать, но любое чувство времени было бы мне полезно.  

Надеюсь, в течение следующего дня или около того.

Это было бы замечательно, спасибо. 

Теперь проблема исправлена.

Отлично, спасибо, что поработали так быстро. Это то, что я увижу на своем конце сразу или это займет какое-то время? Причина, по которой я спрашиваю, в том, что я только что протестировал его, и он кажется таким же. 

еще раз спасибо

Я только что попробовал, и масштабирование работает, когда ширина больше ширины браузера.

Может быть, я неправильно понимаю, что было исправлено. Я тестирую тот же div, но с разными размерами браузера. Чем меньше браузер, тем более размытым будет конечное изображение, даже если оно точно такое же.  

Другими словами, у меня есть окончательное изображение, которое будет 1000px x 1000px. Я проверил это, когда div в браузере - это 800x800, 600x600, 400x400 и т. Д. И чем меньше bwidth / bheight (или чем больше масштаб до конечной ширины / высоты), тем более размытым будет конечное изображение. 

Если мое изображение выглядит великолепно, когда bwidth / bheight равно 800x800, не должно ли оно выглядеть так же, когда изображение имеет формат 400x400? 

Спасибо

HD рекомендуется, потому что он просто удваивает размер изображения, что дает лучшие результаты.

Исправление означает, что масштабирование теперь фактически выполняется, если ширина больше ширины браузера.

Если вы используете ширину и высоту, вы должны удвоить или утроить и т. Д. Ширину и высоту относительно размеров браузера, чтобы получить наилучшие результаты. Это потому, что, к сожалению, зум работает в уровнях, а не в процентах. Поэтому любой процентный масштаб, рассчитанный по разнице в ширине, должен быть преобразован в уровень, который, вероятно, не очень точен, если он не является простым фактором размера.

Я не могу использовать HD (если я что-то упустил), потому что в некоторых случаях мне нужен точный размер, а не 2X размер. И в некоторых случаях мне нужно больше, чем 2X.

Дай посмотреть, пойму ли я, что ты говоришь. Допустим, у меня есть HTML, который является 200x200, и я хочу, чтобы конечный размер был 900x900. Это 4.5 х размер. Вы говорите, что он будет создавать это только как 800x800 или 1000x1000 (размер 4X или 5x) с лучшими результатами, но разница .5x в том, что создает размытость?

Если это правильно, то лучшим решением будет манипулировать HTML перед его отправкой? В общем, я должен создать HTML правильного размера, и тогда мне не понадобится масштабирование?

Спасибо

Да, в значительной степени, поскольку уровни становятся больше с увеличением масштаба.

Так что масштабирование, отличное от x2, x3 или x4, будет неточным, поскольку размеры будут отключены. Есть также только десять потенциальных уровней масштабирования, так что я думаю, что равен максимуму X5.