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

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

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

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

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

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

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

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

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

Благодарю.

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

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

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

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

Благодарю. Проблема в том, что HD только увеличивает 2X, и иногда мне нужно больше, чем это. Есть ли способ для меня, чтобы сделать настройку, как 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.