|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
02.11.2011, 17:04 | #1 |
Старожил
Регистрация: 24.01.2011
Сообщений: 3,034
|
Секунду, идёт загрузка
Здравствуйте
скачал пример типа, идёт загрузка крутится, добавляется по несколько процентов круг интересует где в коде находятся три параметра высота от верха страницы размер от левого края страницы размер этого круга, так как он круглый у него, конечно же, нет ширины и высоты мысли, где это находится, есть, пробовал менять только size : 20 на size : 20, размер увеличивается а где остальное, думал, что здесь: canvas.height = 100; canvas.width = 300; увы, нет, где это всё смотреть?? и что находится в строке buildSpinner({ x : 50, y : 50, size : 20, degrees : 30 }); ??? Спасибо Код HTML:
<!Крутится, добавляется по несколько процентов круг, типа подождите, идёт загрузка> <html> <head> </head> <body> <article><canvas width="100" height="100"></canvas></article> <script> buildSpinner({ x : 50, y : 50, size : 20, degrees : 30 }); function buildSpinner(data) { var canvas = document.createElement('canvas'); canvas.height = 100; canvas.width = 300; document.getElementsByTagName('article')[0].appendChild(canvas); var ctx = canvas.getContext("2d"), i = 0, degrees = data.degrees, loops = 0, degreesList = []; for (i = 0; i < degrees; i++) { degreesList.push(i); } // reset i = 0; // so I can kill it later window.canvasTimer = setInterval(draw, 1000/degrees); function reset() { ctx.clearRect(0,0,100,100); // clear canvas var left = degreesList.slice(0, 1); var right = degreesList.slice(1, degreesList.length); degreesList = right.concat(left); } function draw() { var c, s, e; var d = 0; if (i == 0) { reset(); } ctx.save(); d = degreesList[i]; c = Math.floor(255/degrees*i); ctx.strokeStyle = 'rgb(' + c + ', ' + c + ', ' + c + ')'; ctx.lineWidth = data.size; ctx.beginPath(); s = Math.floor(360/degrees*(d)); e = Math.floor(360/degrees*(d+1)) - 1; ctx.arc(data.x, data.y, data.size, (Math.PI/180)*s, (Math.PI/180)*e, false); ctx.stroke(); ctx.restore(); i++; if (i >= degrees) { i = 0; } } } </script> </body> </html> |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Идёт контрольная | Novenkaja | Помощь студентам | 22 | 14.04.2011 20:33 |
кликать мышью с интервалом в секунду | 4ajnik | Помощь студентам | 3 | 10.06.2010 01:07 |
Как организовать 10 запросов в секунду indy? | TwiX | Работа с сетью в Delphi | 5 | 07.12.2009 16:35 |
Как в Медиаплеере изменить количество кадров за секунду? | ZhekON | Общие вопросы Delphi | 4 | 13.05.2007 13:15 |