Тема: Canvas toDataURL
Показать сообщение отдельно
  #6 (permalink)  
Старый 26.04.2015, 12:50
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Если изображение указано реальное, а квадрат Малевича, значит баг на сервере. Вот получение вашей аватарки как строки в base64, с разбиением ее на фрагменты, затем обратное преобразование, создание GD-ресурса изображения из строки, увеличение в 1.5 и вывод его:
<?php
$im = chunk_split(base64_encode(file_get_contents('http://javascript.ru/forum/image.php?u=23328&dateline=1347558070')));
if($im = imagecreatefromstring(base64_decode($im))) {
    $im = imagescale($im, imagesX($im)*1.5, imagesY($im)*1.5,  IMG_TRIANGLE);
    header('Content-Type: image/jpeg');
    imagejpeg($im);
    imagedestroy($im);
}

Исполнятся может только под РНР не ниже 5.5, не охота писать код под imagecopyresampled(), да и в младших версиях нет фильтров интерполяции, которые и используются при преобразованиях. Если у вас доступна 5.5, но при выполнении этого кода не будет вывода изображения в браузер, значит какие-то проблемы с сервером.
Если же будет, значит первый пример вы запускали некорректно. При исполнении кода замените тип фильтра преобразования IMG_TRIANGLE на IMG_BICUBIC_FIXED (этот фильтр в GD используется по умолчанию), и посмотрите разницу.

Зачем на клиенте увеличивать изображение, которое потом в base64 передавать на сервер? Строка base64, это почти в три раза больший объем данных, чем исходные, то есть изображение 50 КБ, для передачи будет уже 150 КБ. То есть выгоднее передавать на сервер исходное, а увеличить уже на сервере. Более того, если "Я понял причину низкого качества, когда создается canvas образ, то canvas имеет не большой размер, поэтому и изображения получаются такого же размера.", значит у вас есть исходное, а меньший размер по причине того, что неверно используется canvas, и увеличивать ни чего не надо.

Необходимость преобразований изображения на клиенте, ну это например в визуальном html-реадакторе при вставке в текст изображения, или визуализация преобразований перед загрузкой изображения на сервер. В этом случае на клиенте, и тут можно использовать (как примеры):
фильтры в canvas
еще использование фильтров
В canvas метод масштабирования, это scale(), трансформации, это transform(), setTransform().
Матрицы различных фильтров можно найти в сети. А как влияет метод интерполяции при масштабировании изображения можно почитать тут.

Последний раз редактировалось laimas, 26.04.2015 в 13:12.
Ответить с цитированием