ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML5 Canvas Диограмма
14 сообщений из 14, страница 1 из 1
HTML5 Canvas Диограмма
    #38571545
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
пытаюсь нарисовать диаграмму. Нарисовать круг и залить цветом получается но вот как отделить сектор и задить другим цветом??
...
Рейтинг: 0 / 0
25.02.2014, 13:34
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571599
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Areostarкак отделить сектор и задить другим цветом??
Дык !
...
Рейтинг: 0 / 0
25.02.2014, 14:14
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571619
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Areostar,


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.sector {
 width: 0px;
  height: 0px;
  border-right: 60px solid #1F79BA;
  border-top: 60px solid #24BA6A;
  border-left: 60px solid #24BA6A;
  border-bottom: 60px solid #24BA6A;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
 </style>
</head>
<body>
<div class="sector"></div>
</body>
</html>
...
Рейтинг: 0 / 0
25.02.2014, 14:26
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571627
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
user89 , ты ошибся... ТСу нужно
AreostarHTML5 Canvas
...
Рейтинг: 0 / 0
25.02.2014, 14:31
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571647
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
krvsa,

точно...

А вот еще вопрос в продолжении темы. Здесь на форуме кто-то предлагал вместо canvas использовать старую библиотеку JavaScript, которая очень быстро рисует 3D фигуры. Я переходил по этой ссылке, действительно, фигуры вращаются, тормозов нет. Еще помню, что библиотека с отрытым кодом. Сегодня утром, и здесь искал, и в гугле - не нашел :(
...
Рейтинг: 0 / 0
25.02.2014, 14:42
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571696
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
user89,

Не то?
...
Рейтинг: 0 / 0
25.02.2014, 15:05
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571746
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
ShSerge,

не совсем. Но библиотека хорошая. Спасибо!
...
Рейтинг: 0 / 0
25.02.2014, 15:26
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571781
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
AreostarНарисовать круг и залить цветом получается но вот как отделить сектор и задить другим цветом?? http://jsfiddle.net/6J63K/
...
Рейтинг: 0 / 0
25.02.2014, 15:47
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38571827
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный МечAreostarНарисовать круг и залить цветом получается но вот как отделить сектор и задить другим цветом?? http://jsfiddle.net/6J63K/
+1. Это - правильное решение.
...
Рейтинг: 0 / 0
25.02.2014, 16:06
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38575488
Фотография lLocust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lLocust
Участник
user89krvsa,

точно...

А вот еще вопрос в продолжении темы. Здесь на форуме кто-то предлагал вместо canvas использовать старую библиотеку JavaScript, которая очень быстро рисует 3D фигуры. Я переходил по этой ссылке, действительно, фигуры вращаются, тормозов нет. Еще помню, что библиотека с отрытым кодом. Сегодня утром, и здесь искал, и в гугле - не нашел :(

Очень мне понравился движок pre3d
...
Рейтинг: 0 / 0
28.02.2014, 16:38
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38575489
Фотография lLocust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lLocust
Участник
lLocustuser89...кто-то предлагал вместо canvas использовать старую библиотеку JavaScript,

Очень мне понравился движок pre3d

только не вместо, а в canvas
...
Рейтинг: 0 / 0
28.02.2014, 16:39
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38575603
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Списибо за информацию
...
Рейтинг: 0 / 0
28.02.2014, 18:14
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38673833
Люля
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Люля
Гость
посмотрите тут
http://bifin1.blogspot.com/2012/07/html5-canvas.html
...
Рейтинг: 0 / 0
19.06.2014, 09:15
| Ответить | Цитировать | Написать  
HTML5 Canvas Диограмма
    #38694181
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Спасибо за ссылку
...
Рейтинг: 0 / 0
11.07.2014, 12:16
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML5 Canvas Диограмма
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38571781&tid=1446914]:
 0ms
get settings:
 10ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 178ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 243ms
total:  524ms
созд. / загр.: 524ms
x
x
Закрыть


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