| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Общие вопросы > рисование в окне |
| Автор: zmaxon 11.2.2010, 21:33 |
| имеется перемещаемый обьект, который можно двигать по странице мышкой каким образом можно сделать так, чтобы он оставлял после себя след т.е. взглянув на страницу, можно увидеть траекторию движения обьекта от начала и до конца спасибо |
| Автор: Веталька 11.2.2010, 22:01 |
| не то написал =) |
| Автор: 12345c 12.2.2010, 00:05 |
| Выкладывать по его траектории абсолютные дивы. (Будут просветы между моментами событий onmousemove, поэтому ещё дорисовывать отрезки теми же точками). Тыс 2 дивов DOM легко вынесет, при большем числе IE6 начинает задерживаться, но работает (надо искусственно пропускать избыточные моменты событий). |
| Автор: zmaxon 12.2.2010, 17:07 |
| ага, думал над этим принципом, только вместо дивов круглые gif-ки маленькие но тута есть для меня много достаточно сложных моментов.. >дорисовывать отрезки теми же точками рассчитывать "методом половинного деления", но сколько итераций надо чтобы было что-то похожее на линию.. да и div-вы не круглые) >искусственно пропускать избыточные моменты событий |
| Автор: 12345c 12.2.2010, 20:47 |
| Рисунки будут сильнее тормозить, лучше без них. Количество делений - это баланс между качеством и скоростью. Есть ещё 2 метода. 1) отрисовка наклонных линий треугольниками, составленными из border дивов нулевого размера (там ещё больше математики, но работает быстро). Недостаток обеих методов - не плавная граница, что для нашего времени уже не модно. Плавная граница делается попиксельной отрисовкой полученных грубых линий. Это ещё немного сложнее. 2) качественно иное и с плавными границами - рисовать полигоны в canvas. Весь canvas - это подложка окна, при событиях дорисовывается. когда доберётесь до них, тогда и подумаете, как. |