В этой статье в основном представлены использование чистого HTML5 для написания обмена кодами часов на веб -странице. Программа очень проста и не имеет цифрового дисплея на часах. Это чисто отражает самые основные идеи дизайна. Друзья, которые это нужно, могут ссылаться на это.
Что вам нужно знать:
Тэг Canvas - это просто контейнер с графом, и вам нужно использовать сценарий для рисования графика. Размер по умолчанию: шириной 300 пикселей и высота 150px;
Метод getContext () возвращает объект, который предоставляет методы и свойства для рисования на холсте. - Получите объект контекста.
Свойства и методы объекта GetContext (2D), которые можно использовать для рисования текста, линий, прямоугольников, кругов и многого другого на холсте.
FillRect (L, T, W, H): Цвет по умолчанию - Black Strokerect (L, T, W, H): квадрат с границей. По умолчанию один пиксель черная граница
Метод setInterval () вызывает функцию или вычисляет выражение в соответствии с указанным периодом (в миллисекундах).
startPath (): определяет путь к началу рисования, который устанавливает текущую точку на (0,0). Когда первая создана среда холста, nevalpath ()
Методы называются явно.
ClosePath (): конечный путь рисования (соединение начальной точки и конечной точки)
Нарисуйте круг:
дуга (x, y, радиус, начальный радиан, конечный радиан, направление вращения)
X, Y: Начальная позиция
Связь между радианом и углом: радиан = угол *Math.pi/180
Направление вращения: по часовой стрелке (по умолчанию: ложь, против часовой стрелки: true)
Код:
Xml/html -код копировать содержимое в буфер обмена