JavaScript :: Рисование - JavaScript, Ajax

beginner · 30.07.2008, 17:13

Подскажите каким образом можно нарисовать на странице прямоугольники (с закругленными краями и без них, закрашенные и нет) средствами JavaScript. В интернете нашел только линии, эллипсы...

SkyM@n · 30.07.2008, 17:20

В смысле? <img src?? CSS?

beginner · 31.07.2008, 21:45

Нет! Используя какие-нибудь функции - например, LineTo и т.д.

SkyM@n · 01.08.2008, 16:40

Цитата:

Сообщение от beginner

Нет! Используя какие-нибудь функции - например, LineTo и т.д.

Раз уж на это пошло, то может уже лучше тогда так:

Цитата:

Set dx As DirectX.9
dx = Create3DDevice(DEVICE_CAPS)

Andr180nag · 08.08.2008, 18:06

Цитата:

Сообщение от SkyM@n

Раз уж на это пошло, то может уже лучше тогда так:

Я в учебнике наткнулся на главу, рисование в явескрипт. Попробовал, интересно конечно километрами теги в яве прописывать.. если хотите могу кусочек скрипта кинуть, как линию чертить например. Весело, но долго и тормозно работает

beginner · 08.08.2008, 22:54

Если можно, то буду признателен.

Andr180nag · 10.08.2008, 10:58

Код 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>

вот. в отрицатетьную сторону не стал прописывать, чтобы работала, я просто передал принцып. кстати это не пример из книги, написал я сам по аналогии примера, в книге очень мутно написана прога. 1pix.gif- картинка в 1px.
Кстати, в эти штуки можно тригонометрические функции подставлять, забавно получается.
Если чесно я все равно не понимаю, зачем это надо если есть фотошоп )
картинка в итоге такая же по весу выходит. ну просили, написал..

SkyM@n · 11.08.2008, 11:32

Кстать, есть сабжевая библиотека: http://www.c-point.com/javascript_vector_draw.htm
А также см. тут: http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

30.07.2008, 17:13	#1
beginner Пользователь Регистрация: 24.12.2006 Сообщений: 33	JavaScript :: Рисование Подскажите каким образом можно нарисовать на странице прямоугольники (с закругленными краями и без них, закрашенные и нет) средствами JavaScript. В интернете нашел только линии, эллипсы...

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Рисование...	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

30.07.2008, 17:20	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	В смысле? <img src?? CSS?

31.07.2008, 21:45	#3
beginner Пользователь Регистрация: 24.12.2006 Сообщений: 33	Нет! Используя какие-нибудь функции - например, LineTo и т.д.

08.08.2008, 22:54	#6
beginner Пользователь Регистрация: 24.12.2006 Сообщений: 33	Если можно, то буду признателен.

11.08.2008, 11:32	#8
SkyM@n 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