Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рисование в canvas / 9 сообщений из 9, страница 1 из 1
25.07.2012, 18:33:46
    #37892789
hemoy
hemoy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
очень нужно нарисовать такую фигура на canvas




http://djgame.ru/figura.png

возможно такое от рисовать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.07.2012, 19:14:38
    #37892849
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
возможно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2012, 09:41:29
    #37893257
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
Такое и в css3 как два пальца)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2012, 21:50:33
    #37894491
hemoy
hemoy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
SharuPoNemnogu,

можно в css3, очень надо, даже лучше будет , чем html 5, скинте хотя бы ссылку
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2012, 22:20:28
    #37894500
hemoy
hemoy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
hemoy,

попробовал с помощью css , оптимально получилось?

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
#qw{

behavior: url(js/PIE.htc);
position: absolute;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; 
}


#qw {
margin-top: 100px;
    width: 480px;
    height: 90px;
background: red;
border-radius: 0px 0 0 15px;
}
#qw:before {
    content: "";
    position: absolute;
	margin-top: 100px;
    width: 230px;
    height: 180px;
background: red;
border-radius: 15px 0 0 0px;
margin-top: -100px;
margin-left: 250px;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2012, 22:37:40
    #37894518
hemoy
hemoy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
#qw{
behavior: url(js/PIE.htc);
position: absolute;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; 

}


#qw {
margin-top: 250px;
    width: 498px;
    height: 90px;
background: #fff;
border-radius: 0px 0 0 15px;
margin-left: 4px;
position: absolute;
}
#qw:before {
    content: "";
    position: absolute;
	margin-top: 100px;
    width: 240px;
    height: 140px;
background: #fff;
border-radius: 15px 0 0 0px;
margin-top: -100px;
left: 260px;
}




немного изменил код, хотел спросить, что лучше использовать, например: margin-left; или просто left
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.07.2012, 08:57:03
    #37894738
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
hemoy,

Код: css
1.
2.
3.
-webkit-border-radius: 15px 0 0 0;
-moz-border-radius: 15px 0 0 0;
border-radius: 15px 0 0 0;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.07.2012, 12:42:55
    #37895161
hemoy
hemoy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
SharuPoNemnogu,

знаю про это, у меня так и стоит для кроссбраузорности, это я здесь выложил так
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.08.2012, 11:08:46
    #37901498
Канва
Канва
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисование в canvas
Изучаем html5 canvas c нуля
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рисование в canvas / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 475ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449512]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 198ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 191ms
total:  475ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]