В этой статье в основном представлены 24 базового резюме знаний о холсте, которое очень всеобъемлющее и подробное, и рекомендуется всем.
Теперь суммируйте точки знаний холста следующим образом, чтобы их можно было прочитать в любое время.
1. Заполните прямоугольник заполнение (x, y, ширина, высота); 2. Нарисуйте прямоугольный пограничный стрелок (x, y, ширина, высота); 3. 4. FillStyle = красный; Стиль может быть цвет, градиент и изображение. 5. Strokestyle = красный; 6. Ширина ширины линии линии хода = 4; 7. Форма конца линии LineCap = Butt; Butt (Docking)/Round (Circle)/Square (Square), по умолчанию это приклад; 8. Line Strescection Style Linejoin = miter; MITRE (острый угол)/круглый (округлый угол)/скос (угол кожи), острый угол по умолчанию; 9. Начните рисовать путь startpath (); 10. Завершить путь ClosePath (); После создания пути, если вы хотите провести линию, связанную с начальной точкой пути, вы можете вызвать ClosePath (); 11. Нарисуйте дугу (x, y, radius, startangle, endangle, true/false); 12. Нарисуйте дуговое дуговое (x1, y1, x2, y2, radius) начинает рисовать дугу в один день с предыдущей точки, до x2, y2, и пройти через x1, y1 с данным радиусом; 13. Moveto (x, y); Переместить курсор на (x, y), без линий рисования 14. Lineto (x, y); Нарисуйте прямую линию из предыдущего пункта 15. Квадратичная кривая Безера: Quadraticcurveto (CX, CY, X, Y); Начните рисовать квадратичную кривую из предыдущей точки, пока x, y, cx, cy служит контрольной точкой. 16. Cubic Bezier Curve : Beziercurveto (CX1, CY1, CX2, CY2, X, Y); Начните рисовать квадратичную кривую из предыдущей точки, пока x, y, cx1, cy1 и cx2, Cy2 не будут использоваться в качестве контрольных точек. 17. прямо (x, y, ширина, высота); Начните с точек x, y, и ширина и высота указываются по ширине и высоте соответственно. Этот метод рисует прямоугольный путь, а не отдельную форму. 18. Нарисуйте текст:(1) Заполните текст: FillText (Hello, x, y, ширина); ширина является необязательной максимальной шириной пикселей. Если текст превышает максимальную ширину, текст уменьшится, чтобы приспособить максимальную ширину.
(2) Текстовый ход: STROKETEXT (Hello, X, Y, ширина); ширина - необязательная максимальная ширина пикселей.
(3) Стиль текста: Font = BOLD 14PX ARIAL;
(4) Горизонтальное выравнивание текста: Textalign = 'start'; // Start, End, Left, справа, центр. Значение по умолчанию: начало. Совместите вертикальную ось с отправной точкой (x, y) текста в качестве базовой точки.
(5) Выравнивание вертикального текста: Textbaseline = 'Alphabetic'; // Верх, висящий, средний, алфавитный, идеиграфический, нижний. Значение по умолчанию: алфавит. Совместите горизонтальную ось с отправной точкой (x, y) текста в качестве базовой точки.
(6) Ширина текста: var text = hello; var length = context.measuretext (text); Текст параметров - это текст, который необходимо нарисовать
19. Изменение
(1) Поверните (угол): поверните угловой радиан изображения вокруг начала координат.
Вы также можете использовать Transform (math.cos (angel*math.pi/180), math.sin (angel*math.pi/180),-math.sin (angel*math.pi/180), math.cos (angle*math.pi/180), 0,0);
(2) Шкала (x, y): масштаб изображения. Вы также можете использовать Transform (x, 0,0, Y, 0,0);
(3) Перевести (x, y): Переместите координатное происхождение на x, y. После выполнения этого преобразования координаты 0 и 0 станут точкой, представленной X, Y до. Вы также можете использовать преобразование (1,0,0,1, х, y);
(4) Transform (<cumber>, <число>, <число>, <число>, <число>, x, y);
(5) setTransform (<cumber>, <номер>, <число>, <число>, x, y); сбросить матрицу преобразования в состояние по умолчанию, а затем вызовать Transform ();
20. Графическая комбинация Скопировать код