VDS за 300р от нашего партнера SpaceWeb
[2]
17 мая 2012, 17:24

Загружаем информацию в canvas из базы данных!

Есть такая задача для построения мини-онлайн-фоторедактора:
нужно загрузить в canvas последовательно фото и текст из базы данных. Получается, но текст всегда оказывается ниже картинки. Как избежать этого? И вообще, как управлять слоями в canvas?

Комментарии (10)
benzin 17.05.2012 23:30

А как вы вставляете? Вы же должны указывать координаты, куда вставлять.
+1
nataLi-li 18.05.2012 08:24

Координаты, насколько я понимаю, ни при чем, так как здесь идет речь о слое. Текст и фото вставляю по параметрам с нужными координатами, все получается, но текст всегда на ниже всех картинок.
+3
benzin 18.05.2012 12:03

А, вы имеете в виду, под картинкой.

Изображение вставляете через drawImage, а текст через fillText?

Как таковых слоёв нет. Что первое выполняется для рисования, то и будет внизу.

Я делал рисовалку на подобии как Вконтакте, для того что-бы делать прозрачности и наложения, я использовал несколько прозрачных элементов canvas друг под другом, а потом их склеивал вместе.
0
nataLi-li 18.05.2012 13:13

использую fabricjs, пока справиться не могу.
+2
zzoll 18.05.2012 13:22

Если нужно только создать холст и вставить в него изображение и текст, то проще сделать руками.

http://webonrails.ru/post/742/
+1
nataLi-li 18.05.2012 13:46

да нет, нужно еще манипулировать тем, что загрузилось. fabricjs это все хорошо позволяет делать с отслеживанием всех нужных параметров.
+2
grom 18.05.2012 13:57

Вы говорите, что текст под картинкой. Он виден, или нет? Может его там вообще нету. Не видя программы и её работы очень сложно сказать в чём может быть дело.
0
grom 18.05.2012 14:01

Пока могу предложить только временный костыль, это размещать один canvas под другим используя position:absolute, и в каждом рисовать отдельно. Тогда у вас будут и слои и управления ими.
0
nataLi-li 18.05.2012 16:45

похоже все дело в том, что картинка загружается медленнее, чем текст, поэтому, что первое загрузилось, то и оказалось ниже. Теперь нужно придумать, как такой баг исправить?
+2
grom 18.05.2012 17:57

Смотря как происходит загрузка.
0

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 14594]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 10254]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 9596]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 9168]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 7439]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7368]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5341]

Вести с Хабра