PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

image to base64

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

likvidator	Отправлено: 18 Декабря, 2014 - 20:45:21
Посетитель Покинул форум Сообщений всего: 416 Дата рег-ции: Март 2012 Помог: 4 раз(а) [+]	Не знаю...часа 4 точно мучался. Перечитал кучу англоязычных(т.к. наших не нашел) примеров преобразования jpg-картинки в base64 с пмощью js. Я так понял,что все завязано на канвасах - нет проблем. Лиса переваривает идеально,опера - тоже. Но это только нарисованного канваса,а если попытаться отрисовать в нем картинку из url,а потом получить код base64 - получается ерунда.... CODE (html): скопировать код в буфер обмена <div class="main"> <canvas id="picture"></canvas> </div> Нормально: CODE (javascript): скопировать код в буфер обмена function test() { var canvas = document.getElementById('picture'); var ctx = canvas.getContext('2d'); ctx.fillRect(10,10,20,20); ctx.fillStyle = "green"; ctx.fillRect(40,40,20,20); var scrImg = canvas.toDataURL("image/jpg"); alert(scrImg); } Бред: CODE (javascript): скопировать код в буфер обмена function test() { var canvas = document.getElementById('picture'); var ctx = canvas.getContext('2d'); var img = new Image(); img.onload = function(){ ctx.drawImage(img,0,0); } img.src = 'some.jpg'; var scrImg = canvas.toDataURL("image/jpg"); alert(scrImg); } (Отредактировано автором: 18 Декабря, 2014 - 20:45:56)

likvidator	Отправлено: 21 Декабря, 2014 - 11:38:25
Посетитель Покинул форум Сообщений всего: 416 Дата рег-ции: Март 2012 Помог: 4 раз(а) [+]	все еще актуально...

azsxdc	Отправлено: 21 Декабря, 2014 - 11:53:37
Новичок Покинул форум Сообщений всего: 11 Дата рег-ции: Дек. 2014 Помог: 0 раз(а)	Я ещё не слишком силён в JS, но если брать objectType в 6 строчке, то у меня в учебнике написано дословно следующее: Должен быть функцией, которая станет конструктором. Такой объявленной функции я не вижу. Я бы сделал дебаг каждой строчки по очереди.

SAD	Отправлено: 21 Декабря, 2014 - 12:56:42
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	один момент. картинка не подгрузилась еще, а вы пытаетесь уже взять dataurl... CODE (javascript): скопировать код в буфер обмена img.onload = function(){ canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img,0,0); alert(canvas.toDataURL("image/jpg")); } (Отредактировано автором: 21 Декабря, 2014 - 13:08:41)

likvidator	Отправлено: 21 Декабря, 2014 - 19:48:40
Посетитель Покинул форум Сообщений всего: 416 Дата рег-ции: Март 2012 Помог: 4 раз(а) [+]	SAD пишет: один момент. картинка не подгрузилась еще, а вы пытаетесь уже взять dataurl... CODE (javascript): скопировать код в буфер обмена img.onload = function(){ canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img,0,0); alert(canvas.toDataURL("image/jpg")); } блин...я такой дурачок=))) реально настолько запарился...спасибо большое.... (Добавление) только вот я не понимаю почему,но все равно на выходе не jpg,а PNG

SAD	Отправлено: 22 Декабря, 2014 - 11:17:06
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	likvidator пишет: олько вот я не понимаю почему,но все равно на выходе не jpg,а PNG image/jpeg мож нужно?)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.