Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

Интерфейс ICanvasRenderingContext2D используется для рисования прямоугольников, текста, изображений и других объектов на элементе холста. Он обеспечивает контекст 2D-рендеринга для поверхности рисования элемента холста.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Характеристики

ИмяОписание
Canvas { get; }Обратная ссылка на HTMLCanvasElement, доступная только для чтения. Может быть нулевым, если он не связан с элементом холста.
FillStyle { get; set; }Цвет или стиль для использования внутри фигур. По умолчанию: (черный).
GlobalAlpha { get; set; }Альфа-значение, которое применяется к фигурам и изображениям перед их компоновкой на холсте. По умолчанию 1.0 (непрозрачный).
GlobalCompositeOperation { get; set; }При применении globalAlpha устанавливает, как фигуры и изображения рисуются на существующем растровом изображении. По умолчанию: (исходник)
ImageSmoothingEnabled { get; set; }Режим сглаживания изображения; если отключено, изображения не будут сглаживаться при масштабировании.
ShadowBlur { get; set; }Определяет эффект размытия. По умолчанию 0
ShadowColor { get; set; }Цвет тени. По умолчанию полностью прозрачный черный.
ShadowOffsetX { get; set; }Расстояние по горизонтали, на которое будет смещена тень. По умолчанию 0.
ShadowOffsetY { get; set; }Расстояние по вертикали, на которое будет смещена тень. По умолчанию 0.
StrokeStyle { get; set; }Цвет или стиль для линий вокруг фигур. По умолчанию: (черный).

Методы

ИмяОписание
AddHitRegion(Dictionary<string, string>)Добавляет область попадания на холст. Это упрощает обнаружение попаданий, позволяет направлять события к элементам DOM, и позволяет пользователям исследовать холст, не видя его.
BeginPath()Начинает новый путь, очищая список подпутей. Вызовите этот метод, если хотите создать новый путь.
ClearHitRegions()Удаляет все пораженные области с холста.
ClearRect(double, double, double, double)Устанавливает все пиксели в прямоугольнике, определяемом начальной точкой (x, y) и размером (шириной, высотой), в прозрачный черный цвет, стирая все ранее нарисованное содержимое.
Clip()Создает новую область отсечения, вычисляя пересечение текущей области отсечения и области, описываемой путем, используя правило ненулевого числа витков. . Новая область отсечения заменяет текущую область отсечения.
Clip(CanvasFillRule)Создает новую область отсечения, вычисляя пересечение текущей области отсечения и области, описываемой путем, используя правило ненулевого числа витков. Открытые подпути должны быть неявно закрыты при вычислении области отсечения, не затрагивая фактические подпути. Новая область отсечения заменяет текущую область отсечения.
Clip(Path2D, CanvasFillRule)Создает новую область отсечения, вычисляя пересечение текущей области отсечения и области, описываемой путем, используя правило ненулевого числа витков. Открытые подпути должны быть неявно закрыты при вычислении области отсечения, не затрагивая фактические подпути. Новая область отсечения заменяет текущую область отсечения.
CreateImageData(IImageData)Создает новый пустой объект ImageData с указанными размерами. Все пиксели в новом объекте прозрачно-черные.
CreateImageData(double, double)Создает новый пустой объект ImageData с указанными размерами. Все пиксели в новом объекте прозрачно-черные.
CreateLinearGradient(double, double, double, double)Создает линейный градиент вдоль линии, заданной координатами, представленными параметрами.
CreatePattern(HTMLCanvasElement, string)Создает шаблон, используя указанное изображение (CanvasImageSource). Повторяет источник в направлениях, указанных аргументом повторения.
CreatePattern(HTMLImageElement, string)Создает шаблон, используя указанное изображение (CanvasImageSource). Повторяет источник в направлениях, указанных аргументом повторения.
CreateRadialGradient(double, double, double, double, double, double)Создает радиальный градиент, заданный координатами двух кругов, представленных параметрами.
DrawFocusIfNeeded(Element)Если данный элемент находится в фокусе, этот метод рисует кольцо фокуса вокруг текущего пути.
DrawImage(HTMLCanvasElement, double, double)Рисует указанное изображение.
DrawImage(HTMLImageElement, double, double)Рисует указанное изображение.
DrawImage(HTMLCanvasElement, double, double, double, double)Рисует указанное изображение.
DrawImage(HTMLImageElement, double, double, double, double)Рисует указанное изображение.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Рисует указанное изображение.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Рисует указанное изображение.
Fill()Заполняет подпути текущим стилем заливки и алгоритмом по умолчанию CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Заполняет подпути текущим стилем заливки.
Fill(Path2D)Заполняет подпути текущим стилем заливки и алгоритмом по умолчанию CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Заполняет подпути текущим стилем заливки.
FillRect(double, double, double, double)Рисует заполненный прямоугольник в позиции (x, y), размер которого определяется шириной и высотой.
FillText(string, double, double)Рисует (заполняет) заданный текст в заданной (x,y) позиции.
FillText(string, double, double, double)Рисует (заполняет) заданный текст в заданной (x,y) позиции.
GetImageData(double, double, double, double)Возвращает объект ImageData, представляющий базовые пиксельные данные для области холста, обозначенной прямоугольником, который начинается с (sx, sy) и имеет ширину sw и высоту sh. На этот метод не влияет матрица преобразования холста.
IsPointInPath(double, double)Сообщает, содержится ли указанная точка в текущем пути.
IsPointInPath(double, double, CanvasFillRule)Сообщает, содержится ли указанная точка в текущем пути.
IsPointInPath(Path2D, double, double)Сообщает, содержится ли указанная точка в текущем пути.
IsPointInPath(Path2D, double, double, CanvasFillRule)Сообщает, содержится ли указанная точка в текущем пути.
IsPointInStroke(double, double)Сообщает, находится ли указанная точка внутри области, содержащейся при обводке пути.
IsPointInStroke(Path2D, double, double)Сообщает, находится ли указанная точка внутри области, содержащейся при обводке пути.
MeasureText(string)Возвращает объект TextMetrics.
PutImageData(IImageData, double, double)Закрашивает данные из заданного объекта ImageData в растровое изображение. Если предоставлен грязный прямоугольник, закрашиваются только пиксели из этого прямоугольника. На этот метод не влияет матрица преобразования холста.
PutImageData(IImageData, double, double, double, double, double, double)Закрашивает данные из заданного объекта ImageData в растровое изображение. Если предоставлен грязный прямоугольник, закрашиваются только пиксели из этого прямоугольника. На этот метод не влияет матрица преобразования холста.
RemoveHitRegion(string)Удаляет область попадания с указанным идентификатором с холста.
ResetTransform()Сбрасывает текущее преобразование по единичной матрице.
Restore()Восстанавливает состояние стиля рисования до последнего элемента в «стеке состояний», сохраненном с помощью save().
Rotate(double)Добавляет поворот к матрице преобразования. Аргумент угла представляет угол поворота по часовой стрелке и выражается в радианах.
Save()Сохраняет текущее состояние стиля рисования с помощью стека, чтобы вы могли отменить любое изменение, внесенное в него, с помощью restore().
Scale(double, double)Добавляет преобразование масштабирования к единицам холста по x по горизонтали и по y по вертикали.
SetTransform(double, double, double, double, double, double)Сбрасывает текущее преобразование в матрицу идентичности, а затем вызывает метод transform() с теми же аргументами.
Stroke()Обводка подконтуров текущим стилем обводки.
Stroke(Path2D)Обводка подконтуров текущим стилем обводки.
StrokeRect(double, double, double, double)Рисует на холсте прямоугольник с начальной точкой (x, y), шириной aw и высотой h, используя текущий стиль штриха.
StrokeText(string, double, double)Рисует (штрихует) заданный текст в заданной (x, y) позиции.
StrokeText(string, double, double, double?)Рисует (штрихует) заданный текст в заданной (x, y) позиции.
Transform(double, double, double, double, double, double)Умножает текущую матрицу преобразования на матрицу, описанную ее аргументами.
Translate(double, double)Добавляет трансформацию перемещения, перемещая холст и его исходную точку x по горизонтали и y по вертикали по сетке.

Смотрите также