|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
30.07.2008, 17:13 | #1 |
Пользователь
Регистрация: 24.12.2006
Сообщений: 33
|
JavaScript :: Рисование
Подскажите каким образом можно нарисовать на странице прямоугольники (с закругленными краями и без них, закрашенные и нет) средствами JavaScript. В интернете нашел только линии, эллипсы...
|
30.07.2008, 17:20 | #2 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
В смысле? <img src?? CSS?
|
31.07.2008, 21:45 | #3 |
Пользователь
Регистрация: 24.12.2006
Сообщений: 33
|
Нет! Используя какие-нибудь функции - например, LineTo и т.д.
|
01.08.2008, 16:40 | #4 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
|
08.08.2008, 18:06 | #5 |
Пользователь
Регистрация: 10.07.2008
Сообщений: 27
|
Я в учебнике наткнулся на главу, рисование в явескрипт. Попробовал, интересно конечно километрами теги в яве прописывать.. если хотите могу кусочек скрипта кинуть, как линию чертить например. Весело, но долго и тормозно работает
|
08.08.2008, 22:54 | #6 |
Пользователь
Регистрация: 24.12.2006
Сообщений: 33
|
Если можно, то буду признателен.
|
10.08.2008, 10:58 | #7 |
Пользователь
Регистрация: 10.07.2008
Сообщений: 27
|
Код HTML:
<html> <img id="line" src="1pix.gif" style="position:absolute;left:0px;top:0px;"> <script> str1='<img src="1pix.gif" style="position:absolute;'; str2='width:'; str3='px;height:'; str4='px;left:'; str5='px;top:'; str6='px">'; str='';// основная переменная, куда все подставлять будем // это тег, который будет вставлять точку столько раз, сколько понадобится для линии. function draw(x,y,x1,y1,n){//x y - координаты начала, x1 y1 - конца, n - толщина. str1+=str2+n+str3+n;// прописали в теге толщину линии. koef=(x1-x)/(y1-y);// это коэффициент наклона. while (y1>y){ x++; y=(y+1/koef); str+=str1+str4+x+str5+y+str6;// подставляем в тег } document.write(str);// выполняем } draw(100,100,250,150,2); </script> </html> Кстати, в эти штуки можно тригонометрические функции подставлять, забавно получается. Если чесно я все равно не понимаю, зачем это надо если есть фотошоп ) картинка в итоге такая же по весу выходит. ну просили, написал.. |
11.08.2008, 11:32 | #8 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
Кстать, есть сабжевая библиотека: http://www.c-point.com/javascript_vector_draw.htm
А также см. тут: http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Рисование... | HunterMan | Win Api | 10 | 30.04.2008 23:46 |
Рисование на экране... | Roberto | Win Api | 3 | 07.04.2008 07:35 |
Рисование вTImage | Rusl92 | Компоненты Delphi | 27 | 02.04.2008 14:18 |
рисование изолиний | Alar | Паскаль, Turbo Pascal, PascalABC.NET | 0 | 30.10.2006 14:17 |