Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML5 Canvas Диограмма / 14 сообщений из 14, страница 1 из 1
25.02.2014, 13:34
    #38571545
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML5 Canvas Диограмма
пытаюсь нарисовать диаграмму. Нарисовать круг и залить цветом получается но вот как отделить сектор и задить другим цветом??
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2014, 14:14
    #38571599
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML5 Canvas Диограмма
Areostarкак отделить сектор и задить другим цветом??
Дык !
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2014, 14:26
    #38571619
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML5 Canvas Диограмма
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:31
    #38571627
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML5 Canvas Диограмма
user89 , ты ошибся... ТСу нужно
AreostarHTML5 Canvas
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2014, 14:42
    #38571647
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML5 Canvas Диограмма
krvsa,

точно...

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

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

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

точно...

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

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

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

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


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