Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 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>
Ципихович Эндрю вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


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