Эта статья в основном представляет руководство по использованию метода HTML5 Canvas. Это очень просто и ясно. Это очень хорошая статья. Я рекомендую вам это здесь.
Холст метод
save () сохраняет статус текущей среды
RESTORE () возвращает статус пути и свойства, которые были сохранены ранее
CreateeVent ()
getContext () Возвращает объект, указывающий необходимый API для доступа к функции чертежа
Todataupl () возвращает URL -адрес изображения холста
Свойства и методы стилей линий
свойство:
LineCap устанавливает или возвращает стиль конечной конечной точки линии
Linejoin устанавливает или возвращает тип углового, созданный, когда пересекаются две линии.
Королевая ширина настраивает или возвращает ширину текущей линии.
Митерлимит устанавливает или возвращает максимальную длину митру
Цвет, стиль и теневые свойства и методы
свойство
Заполняет или возвращает цвет, градиент или режим, используемый для заполнения живописи
Strokestyle Set или возвращает цвет, градиент или режим, используемый для инсультов
ShadowColor Set или верните цвет, используемый для тени
Shadowblur устанавливает или возвращает уровень размытия, используемый для теней
ShadowOffSetx устанавливает или возвращает горизонтальное расстояние от тени в форму
Shadowoffsety устанавливает или возвращает вертикальное расстояние от тени в форму
метод
CreateLinearGradient () создает линейный градиент (используется на содержании холста)
CreatePattern () повторяет указанный элемент в указанном направлении
CreateradialGradient () создает радиальные/кольцевые градиенты (используется на содержании холста)
addColorStop () указывает положение цвета или остановки в градиентном объекте
Метод пути
fill () заполняет текущий чертеж (путь)
ряд () рисует определенный путь
startPath () начинает путь или сбрасывает текущий путь
Moveto () перемещает путь к указанной точке на холсте без создания линий
closePath () создает путь от текущей точки до начальной точки
Lineto () добавляет новую точку, чтобы создать линию с этой точки до последней указанной точки
clip () вырезает область любой формы и размера из исходного холста
QuadraticCurveto () создает вторую кривую Безера
Beziercureto () создает последнюю кривую Безье
Arc () создает дугу/кривую (используется для создания кругов или частичных кругов)
Arcto () создает дугу/кривую между двумя касаниями
ispointinpath () возвращает логическое значение, если указанная точка находится в текущем пути
прямоугольник
Rect () создает прямоугольник
FillRect () рисует заполненный прямоугольник
Strokerect () рисует прямоугольник (без заполнения)
clearRect () очищает указанные пиксели в данном прямоугольнике
Установить свойства и методы текста
свойство:
Шрифт устанавливает или возвращает текущие свойства шрифта текстового содержимого
Установите или возвращает текущее выравнивание текстового содержимого
Настройка Textbaseline возвращает текущую текстовую базовую линию, используемую при рисовании текста.
Метод:
FillText () рисует заполненный текст на холсте
stroketext () рисует текст на холсте (без заполнения)
measureText () возвращает объект, содержащий указанную ширину текста
Метод преобразования
Scale () масштабирует текущий график до большего или меньшего
utate () вращается ток
transtate () переоценить (0,0) положение цветочной рубашки
Transform () заменяет матрицу преобразования тока чертежа
setTransform () сбрасывает текущее преобразование в матрицу устройства. Затем запустите Transform ()