VGContext¶

The VGContext is your canvas for 2D vector graphics. It wraps a NanoVG rendering context and gives you everything you need to draw crisp, resolution-independent shapes, gradients, images and text directly on top of your OpenGL scene. You build a shape by describing a path, choose how it is painted with a VGColor or a VGPaint, and then fill or stroke it.

namespace GL\VectorGraphics
{
    class VGContext {}
}

Looking for a walkthrough?

This page is the exhaustive class reference. If you are just getting started, the Vector Graphics user guide walks you through creating a context, drawing your first shapes, colors, gradients, images and text with small runnable examples.

Usage¶

Everything you draw happens between a beginFrame and an endFrame call. Inside that frame you open a path, describe your geometry, pick a color and then fill it.

use GL\VectorGraphics\{VGContext, VGColor};

// create a context once, antialiasing enabled
$vg = new VGContext(VGContext::ANTIALIAS);

// ... inside your render loop, after clearing the screen:
$vg->beginFrame($windowWidth, $windowHeight, $devicePixelRatio);

$vg->beginPath();
$vg->rect(100, 100, 200, 120);
$vg->fillColor(VGColor::red());
$vg->fill();

// dispatch all queued draw commands to the GPU
$vg->endFrame();

Constants¶

Context flags¶

Pass these to the constructor, combined with the bitwise OR operator (|).

Constant	Value	Meaning
`VGContext::ANTIALIAS`	1	Smooth the edges of shapes and text.
`VGContext::STENCIL_STROKES`	2	More accurate stroke rendering for overlapping shapes.
`VGContext::DEBUG`	4	Enable extra error checks while developing.

Path winding¶

Used with pathWinding and arc to control solid versus hole subpaths.

Constant	Value	Meaning
`VGContext::CCW`	1	Counter-clockwise winding (solid shapes).
`VGContext::CW`	2	Clockwise winding (holes).
`VGContext::SOLID`	1	Alias of `CCW`, reads better when filling.
`VGContext::HOLE`	2	Alias of `CW`, reads better when cutting holes.

Line caps and joins¶

Used with lineCap and lineJoin.

Constant	Value	Meaning
`VGContext::LINECAP_BUTT`	0	Flat cap flush with the line end.
`VGContext::LINECAP_ROUND`	1	Rounded cap.
`VGContext::LINECAP_SQUARE`	2	Square cap extending past the line end.
`VGContext::LINEJOIN_BEVEL`	3	Beveled corner.
`VGContext::LINEJOIN_MITER`	4	Sharp mitered corner.

Frame Lifecycle¶

`beginFrame`¶

Begins drawing a new frame.

function beginFrame(float $windowWidth, float $windowHeight, float $devicePixelRatio) : void

Example:

$vg->beginFrame($windowWidth, $windowHeight, $devicePixelRatio);
// draw commands here
$vg->endFrame();

arguments

float $windowWidth The width of the window in pixels.
float $windowHeight The height of the window in pixels.
float $devicePixelRatio The device pixel ratio.

returns

void

`cancelFrame`¶

cancelFrame

function cancelFrame() : void

returns: void

`endFrame`¶

Ends drawing the current frame.

function endFrame() : void

Example:

$vg->beginFrame($windowWidth, $windowHeight, $devicePixelRatio);
// draw commands here
$vg->endFrame();

returns: void

Render State¶

The context keeps a stack of render states (transform, styles, scissor). Wrap changes in save / restore to keep them local.

`save`¶

Saves the current render state onto a state stack.

function save() : void

Example:

$vg->save();
// modify state here
$vg->restore();

returns: void

`restore`¶

Restores the render state from the state stack.

function restore() : void

Example:

$vg->save();
// modify state here
$vg->restore();

returns: void

`reset`¶

Resets the current render state to default values.

function reset() : void

returns: void

`shapeAntiAlias`¶

shapeAntiAlias

function shapeAntiAlias(int $enabled) : void

arguments

int $enabled

returns

void

`globalAlpha`¶

globalAlpha

function globalAlpha(float $alpha) : void

arguments

float $alpha

returns

void

`globalCompositeOperation`¶

globalCompositeOperation

function globalCompositeOperation(int $op) : void

arguments

int $op

returns

void

`globalCompositeBlendFunc`¶

globalCompositeBlendFunc

function globalCompositeBlendFunc(int $sfactor, int $dfactor) : void

arguments

int $sfactor
int $dfactor

returns

void

`globalCompositeBlendFuncSeparate`¶

globalCompositeBlendFuncSeparate

function globalCompositeBlendFuncSeparate(int $srcRGB, int $dstRGB, int $srcAlpha, int $dstAlpha) : void

arguments

int $srcRGB
int $dstRGB
int $srcAlpha
int $dstAlpha

returns

void

Fill & Stroke Style¶

These decide how the next fill or stroke is painted.

`fillColor`¶

Sets the fill color.

function fillColor(\GL\VectorGraphics\VGColor $color) : void

Example:

$color = new VGColor(1.0, 0.0, 0.0, 1.0);
$vg->fillColor($color);

arguments

\GL\VectorGraphics\VGColor $color The fill color.

returns

void

`strokeColor`¶

Sets the stroke color.

function strokeColor(\GL\VectorGraphics\VGColor $color) : void

Example:

$color = new VGColor(0.0, 0.0, 0.0, 1.0);
$vg->strokeColor($color);

arguments

\GL\VectorGraphics\VGColor $color The stroke color.

returns

void

`fillColori`¶

Sets the fill color using integer values.

function fillColori(int $r, int $g, int $b, int $a) : void

arguments

int $r The red component (0-255).
int $g The green component (0-255).
int $b The blue component (0-255).
int $a The alpha component (0-255), where 255 is fully opaque.

`strokeColori`¶

Sets the stroke color using integer values.

function strokeColori(int $r, int $g, int $b, int $a) : void

arguments

int $r The red component (0-255).
int $g The green component (0-255).
int $b The blue component (0-255).
int $a The alpha component (0-255), where 255 is fully opaque.

`fillColorVec4`¶

Sets the fill color using a Vec4 object.

function fillColorVec4(\GL\Math\Vec4 $vec) : void

arguments

\GL\Math\Vec4 $vec A vector containing the RGBA components of the color.

`strokeColorVec4`¶

Sets the stroke color using a Vec4 object.

function strokeColorVec4(\GL\Math\Vec4 $vec) : void

arguments

\GL\Math\Vec4 $vec A vector containing the RGBA components of the color.

`fillPaint`¶

fillPaint

function fillPaint(\GL\VectorGraphics\VGPaint $paint) : void

arguments

\GL\VectorGraphics\VGPaint $paint

returns

void

`strokePaint`¶

strokePaint

function strokePaint(\GL\VectorGraphics\VGPaint $paint) : void

arguments

\GL\VectorGraphics\VGPaint $paint

returns

void

`strokeWidth`¶

Sets the stroke width.

function strokeWidth(float $size) : void

Example:

$vg->strokeWidth(2.0);

arguments

float $size The stroke width.

returns

void

`miterLimit`¶

miterLimit

function miterLimit(float $limit) : void

arguments

float $limit

returns

void

`lineCap`¶

lineCap

function lineCap(int $cap) : void

arguments

int $cap

returns

void

`lineJoin`¶

lineJoin

function lineJoin(int $join) : void

arguments

int $join

returns

void

Gradients & Paints¶

Each of these returns a VGPaint you hand to fillPaint or strokePaint.

`linearGradient`¶

Creates a linear gradient paint object.

function linearGradient(float $sx, float $sy, float $ex, float $ey, \GL\VectorGraphics\VGColor $icol, \GL\VectorGraphics\VGColor $ocol) : \GL\VectorGraphics\VGPaint

The gradient is defined by the start and end points, as well as the colors at these points.

$x1 = 50;
$y1 = 150;
$x2 = 350;
$y2 = 450;
$color1 = new VGColor(0.051, 0.682, 0.914, 1.0);
$color2 = new VGColor(0.169, 0.961, 0.596, 1.0);

$paint = $vg->linearGradient($x1, $y1, $x2, $y2, $color1, $color2);

arguments

float $sx The x-coordinate of the start point of the gradient.
float $sy The y-coordinate of the start point of the gradient.
float $ex The x-coordinate of the end point of the gradient.
float $ey The y-coordinate of the end point of the gradient.
\VGColor $icol The color at the start point of the gradient.
\VGColor $ocol The color at the end point of the gradient.

`boxGradient`¶

Creates a box gradient paint object.

function boxGradient(float $x, float $y, float $w, float $h, float $r, float $f, \GL\VectorGraphics\VGColor $icol, \GL\VectorGraphics\VGColor $ocol) : \GL\VectorGraphics\VGPaint

$x = 100;
$y = 100;
$width = 200;
$height = 100;
$radius = 10;
$feather = 20;
$color1 = new VGColor(0.051, 0.682, 0.914, 1.0);
$color2 = new VGColor(0.169, 0.961, 0.596, 1.0);

$paint = $vg->boxGradient($x, $y, $width, $height, $radius, $feather, $color1, $color2);

arguments

float $x The x-coordinate of the top left corner of the box.
float $y The y-coordinate of the top left corner of the box.
float $w The width of the box.
float $h The height of the box.
float $r The corner radius of the box.
float $f The feathering amount (how much the gradient fades).
\VGColor $icol The color inside the box.
\VGColor $ocol The color outside the box.

`radialGradient`¶

Creates a radial gradient paint object.

function radialGradient(float $cx, float $cy, float $inr, float $outr, \GL\VectorGraphics\VGColor $icol, \GL\VectorGraphics\VGColor $ocol) : \GL\VectorGraphics\VGPaint

The gradient is defined by the center point and two radii, with the color transitioning from the inner to the outer radius.

$cx = 150;
$cy = 150;
$innerRadius = 50;
$outerRadius = 100;
$color1 = new VGColor(0.914, 0.051, 0.682, 1.0);
$color2 = new VGColor(0.961, 0.596, 0.169, 1.0);

$paint = $vg->radialGradient($cx, $cy, $innerRadius, $outerRadius, $color1, $color2);

arguments

float $cx The x-coordinate of the center of the gradient.
float $cy The y-coordinate of the center of the gradient.
float $inr The inner radius of the gradient.
float $outr The outer radius of the gradient.
\VGColor $icol The color at the inner radius.
\VGColor $ocol The color at the outer radius.

Images & SVG¶

Turn a Texture2D into a VGImage, or draw a parsed SVGImage straight into the frame.

`imageFromTexture`¶

Creates a VGImage object from a given texture.

function imageFromTexture(\GL\Texture\Texture2D $texture, int $repeatMode = \GL\VectorGraphics\VGImage::REPEAT_NONE, int $filterMode = \GL\VectorGraphics\VGImage::FILTER_LINEAR) : \GL\VectorGraphics\VGImage

This will upload the texture to the GPU.

$image = $vg->imageFromTexture($texture, VGImage::REPEAT_XY, VGImage::FILTER_LINEAR);

arguments

\GL\Texture\Texture2D $texture The texture to create the image from.
int $repeatMode This can be either VGImage::REPEAT_XY, VGImage::REPEAT_X, VGImage::REPEAT_Y, or VGImage::REPEAT_NONE. This controls how the image is repeated when the shape is larger than the image. The default is VGImage::REPEAT_NONE.
int $filterMode This can be either VGImage::FILTER_LINEAR or VGImage::FILTER_NEAREST. This controls how the image is filtered when it is scaled. The default is VGImage::FILTER_LINEAR.

`imageFromHandle`¶

Creates a VGImage object from a given texture handle.

function imageFromHandle(int $handle, int $width, int $height, int $repeatMode = \GL\VectorGraphics\VGImage::REPEAT_NONE, int $filterMode = \GL\VectorGraphics\VGImage::FILTER_LINEAR) : \GL\VectorGraphics\VGImage

This will reference the texture already uploaded to the GPU.

$image = $vg->imageFromHandle($handle, $width, $height, VGImage::REPEAT_XY, VGImage::FILTER_LINEAR);

arguments

int $handle The GPU handle of the texture.
int $width The width of the texture.
int $height The height of the texture.
int $repeatMode This can be either VGImage::REPEAT_XY, VGImage::REPEAT_X, VGImage::REPEAT_Y, or VGImage::REPEAT_NONE. This controls how the image is repeated when the shape is larger than the image. The default is VGImage::REPEAT_NONE.
int $filterMode This can be either VGImage::FILTER_LINEAR or VGImage::FILTER_NEAREST. This controls how the image is filtered when it is scaled. The default is VGImage::FILTER_LINEAR.

`imageSize`¶

imageSize

function imageSize(int $image, int &$w, int &$h) : void

arguments

int $image
int $w
int $h

returns

void

`deleteImage`¶

deleteImage

function deleteImage(int $image) : void

arguments

int $image

returns

void

`drawSVG`¶

Renders a parsed SVGImage as vector paths into the current frame.

function drawSVG(\GL\VectorGraphics\SVGImage $svg, float $x = 0.0, float $y = 0.0, ?float $w = null, ?float $h = null) : void

When $w and $h are omitted the SVG is drawn at its native size, otherwise it is scaled to fit the given width/height.

Only solid fills/strokes are rendered; gradient paints are skipped for now. Alpha masks (mask="url(#id)") are honoured as a 1-bit (hard edged) clip.

arguments

\SVGImage $svg The parsed SVG image to draw.
float $x The x-coordinate of the top left corner.
float $y The y-coordinate of the top left corner.
float|null $w Target width; null draws at native width.
float|null $h Target height; null draws at native height.

Transforms¶

Transforms are applied on top of each other and stored in the render state, so they respect save / restore.

`resetTransform`¶

resetTransform

function resetTransform() : void

returns: void

`transform`¶

transform

function transform(float $a, float $b, float $c, float $d, float $e, float $f) : void

arguments

float $a
float $b
float $c
float $d
float $e
float $f

returns

void

`translate`¶

translate

function translate(float $x, float $y) : void

arguments

float $x
float $y

returns

void

`rotate`¶

rotate

function rotate(float $angle) : void

arguments

float $angle

returns

void

`skewX`¶

skewX

function skewX(float $angle) : void

arguments

float $angle

returns

void

`skewY`¶

skewY

function skewY(float $angle) : void

arguments

float $angle

returns

void

`scale`¶

scale

function scale(float $x, float $y) : void

arguments

float $x
float $y

returns

void

`currentTransform`¶

currentTransform

function currentTransform(\GL\Buffer\FloatBuffer $buffer) : void

arguments

\GL\Buffer\FloatBuffer $buffer

returns

void

`transformPoint`¶

Transforms a point using the current transformation matrix.

function transformPoint(float $x, float $y) : \GL\Math\Vec2

arguments

float $x The x-coordinate of the point.
float $y The y-coordinate of the point.

returns

\GL\Math\Vec2 The transformed point as a Vec2 object.

`transformVec2`¶

Transforms a vector using the current transformation matrix.

function transformVec2(\GL\Math\Vec2 $vec) : \GL\Math\Vec2

arguments

\GL\Math\Vec2 $vec The vector to transform.

returns

\GL\Math\Vec2 The transformed vector.

`transformPointCurrent`¶

transformPointCurrent

function transformPointCurrent(float &$dstx, float &$dsty, float $srcx, float $srcy) : void

arguments

float $dstx
float $dsty
float $srcx
float $srcy

returns

void

Scissoring¶

Limit drawing to a rectangular region. Like transforms, scissors are part of the render state.

`scissor`¶

scissor

function scissor(float $x, float $y, float $w, float $h) : void

arguments

float $x
float $y
float $w
float $h

returns

void

`intersectScissor`¶

intersectScissor

function intersectScissor(float $x, float $y, float $w, float $h) : void

arguments

float $x
float $y
float $w
float $h

returns

void

`resetScissor`¶

resetScissor

function resetScissor() : void

returns: void

Building Paths¶

Open a new path with beginPath, then describe it with these commands before you fill or stroke it.

`beginPath`¶

Begins a new path.

function beginPath() : void

Example:

$vg->beginPath();
$vg->rect(100, 100, 200, 100);
$vg->fill();

returns: void

`moveTo`¶

moveTo

function moveTo(float $x, float $y) : void

arguments

float $x
float $y

returns

void

`lineTo`¶

lineTo

function lineTo(float $x, float $y) : void

arguments

float $x
float $y

returns

void

`bezierTo`¶

bezierTo

function bezierTo(float $c1x, float $c1y, float $c2x, float $c2y, float $x, float $y) : void

arguments

float $c1x
float $c1y
float $c2x
float $c2y
float $x
float $y

returns

void

`quadTo`¶

quadTo

function quadTo(float $cx, float $cy, float $x, float $y) : void

arguments

float $cx
float $cy
float $x
float $y

returns

void

`arcTo`¶

arcTo

function arcTo(float $x1, float $y1, float $x2, float $y2, float $radius) : void

arguments

float $x1
float $y1
float $x2
float $y2
float $radius

returns

void

`closePath`¶

closePath

function closePath() : void

returns: void

`pathWinding`¶

pathWinding

function pathWinding(int $dir) : void

arguments

int $dir

returns

void

`arc`¶

arc

function arc(float $cx, float $cy, float $r, float $a0, float $a1, int $dir) : void

arguments

float $cx
float $cy
float $r
float $a0
float $a1
int $dir

returns

void

`rect`¶

Creates a rectangle path.

function rect(float $x, float $y, float $w, float $h) : void

Example:

$vg->beginPath();
$vg->rect(100, 100, 200, 100);
$vg->fill();

arguments

float $x The x-coordinate of the top-left corner.
float $y The y-coordinate of the top-left corner.
float $w The width of the rectangle.
float $h The height of the rectangle.

returns

void

`roundedRect`¶

roundedRect

function roundedRect(float $x, float $y, float $w, float $h, float $r) : void

arguments

float $x
float $y
float $w
float $h
float $r

returns

void

`roundedRectVarying`¶

roundedRectVarying

function roundedRectVarying(float $x, float $y, float $w, float $h, float $radTopLeft, float $radTopRight, float $radBottomRight, float $radBottomLeft) : void

arguments

float $x
float $y
float $w
float $h
float $radTopLeft
float $radTopRight
float $radBottomRight
float $radBottomLeft

returns

void

`ellipse`¶

ellipse

function ellipse(float $cx, float $cy, float $rx, float $ry) : void

arguments

float $cx
float $cy
float $rx
float $ry

returns

void

`circle`¶

Creates a circle path.

function circle(float $cx, float $cy, float $r) : void

Example:

$vg->beginPath();
$vg->circle(150, 150, 50);
$vg->fill();

arguments

float $cx The x-coordinate of the center.
float $cy The y-coordinate of the center.
float $r The radius of the circle.

returns

void

Rendering Paths¶

`fill`¶

Fills the current path with the current fill color or paint.

function fill() : void

Example:

$vg->beginPath();
$vg->rect(100, 100, 200, 100);
$vg->fill();

returns: void

`fillEvenOdd`¶

fillEvenOdd

function fillEvenOdd() : void

returns: void

`stroke`¶

Strokes the current path with the current stroke color or paint.

function stroke() : void

Example:

$vg->beginPath();
$vg->rect(100, 100, 200, 100);
$vg->stroke();

returns: void

Clipping¶

`clip`¶

clip

function clip() : void

returns: void

`resetClip`¶

resetClip

function resetClip() : void

returns: void

`saveClip`¶

saveClip

function saveClip() : void

returns: void

`restoreClip`¶

restoreClip

function restoreClip() : void

returns: void

Fonts & Text¶

Load a font once with createFont, then set the size and alignment (using the VGAlign constants) before drawing with text or textBox.

`createFont`¶

createFont

function createFont(string $name, string $filename) : int

arguments

string $name
string $filename

returns

int

`createFontAtIndex`¶

createFontAtIndex

function createFontAtIndex(string $name, string $filename, int $fontIndex) : int

arguments

string $name
string $filename
int $fontIndex

returns

int

`findFont`¶

findFont

function findFont(string $name) : int

arguments

string $name

returns

int

`addFallbackFontId`¶

addFallbackFontId

function addFallbackFontId(int $baseFont, int $fallbackFont) : int

arguments

int $baseFont
int $fallbackFont

returns

int

`addFallbackFont`¶

addFallbackFont

function addFallbackFont(string $baseFont, string $fallbackFont) : int

arguments

string $baseFont
string $fallbackFont

returns

int

`resetFallbackFontsId`¶

resetFallbackFontsId

function resetFallbackFontsId(int $baseFont) : void

arguments

int $baseFont

returns

void

`resetFallbackFonts`¶

resetFallbackFonts

function resetFallbackFonts(string $baseFont) : void

arguments

string $baseFont

returns

void

`fontSize`¶

fontSize

function fontSize(float $size) : void

arguments

float $size

returns

void

`fontBlur`¶

fontBlur

function fontBlur(float $blur) : void

arguments

float $blur

returns

void

`textLetterSpacing`¶

textLetterSpacing

function textLetterSpacing(float $spacing) : void

arguments

float $spacing

returns

void

`textLineHeight`¶

textLineHeight

function textLineHeight(float $lineHeight) : void

arguments

float $lineHeight

returns

void

`textAlign`¶

textAlign

function textAlign(int $align) : void

arguments

int $align

returns

void

`fontFaceId`¶

fontFaceId

function fontFaceId(int $font) : void

arguments

int $font

returns

void

`fontFace`¶

fontFace

function fontFace(string $font) : void

arguments

string $font

returns

void

`text`¶

Draws text at the specified position.

function text(float $x, float $y, string $string) : float

Example:

$vg->fontSize(18.0);
$advance = $vg->text(100, 100, "Hello, World!");

arguments

float $x The x-coordinate of the text position.
float $y The y-coordinate of the text position.
string $string The text string to draw.

returns

float float The horizontal advance of the text.

`textBox`¶

textBox

function textBox(float $x, float $y, float $breakRowWidth, string $string) : void

arguments

float $x
float $y
float $breakRowWidth
string $string

returns

void

`textBounds`¶

Calculates the bounding box of the specified text and returns the horizontal advance.

function textBounds(float $x, float $y, string $string, ?\GL\Math\Vec4 &$bounds = NULL) : float

Example:

$vg->fontSize(18.0);
$bounds = new Vec4();
$advance = $vg->textBounds(100, 100, "Hello, World!", $bounds);
echo "Text bounds: " . $bounds . "\n";
echo "Text advance: " . $advance . "\n";

arguments

float $x The x of the text position.
float $y The y of the text position.
string $string The text string to measure.
?\GL\Math\Vec4 $bounds Vec4 object in which the calculated bounds are stored [xmin, ymin, xmax, ymax].

returns

float The horizontal advance of the text.

`textBoxBounds`¶

textBoxBounds

function textBoxBounds(float $x, float $y, float $breakRowWidth, string $string, ?\GL\Math\Vec4 &$bounds = NULL) : void

arguments

float $x
float $y
float $breakRowWidth
string $string
?\GL\Math\Vec4 $bounds

returns

void

`textMetrics`¶

textMetrics

function textMetrics(float &$ascender, float &$descender, float &$lineh) : void

arguments

float $ascender
float $descender
float $lineh

returns

void

VGContext¶

Usage¶

Constants¶

Context flags¶

Path winding¶

Line caps and joins¶

Frame Lifecycle¶

beginFrame¶

cancelFrame¶

endFrame¶

Render State¶

save¶

restore¶

reset¶

shapeAntiAlias¶

globalAlpha¶

globalCompositeOperation¶

globalCompositeBlendFunc¶

globalCompositeBlendFuncSeparate¶

Fill & Stroke Style¶

fillColor¶

strokeColor¶

fillColori¶

strokeColori¶

fillColorVec4¶

strokeColorVec4¶

fillPaint¶

strokePaint¶

strokeWidth¶

miterLimit¶

lineCap¶

lineJoin¶

Gradients & Paints¶

linearGradient¶

boxGradient¶

radialGradient¶

Images & SVG¶

imageFromTexture¶

imageFromHandle¶

imageSize¶

deleteImage¶

drawSVG¶

Transforms¶

resetTransform¶

transform¶

translate¶

rotate¶

skewX¶

skewY¶

scale¶

currentTransform¶

transformPoint¶

transformVec2¶

transformPointCurrent¶

Scissoring¶

scissor¶

intersectScissor¶

resetScissor¶

Building Paths¶

beginPath¶

moveTo¶

lineTo¶

bezierTo¶

quadTo¶

arcTo¶

closePath¶

pathWinding¶

arc¶

rect¶

roundedRect¶

roundedRectVarying¶

ellipse¶

circle¶

Rendering Paths¶

fill¶

fillEvenOdd¶

stroke¶

Clipping¶

clip¶

resetClip¶

`beginFrame`¶

`cancelFrame`¶

`endFrame`¶

`save`¶

`restore`¶

`reset`¶

`shapeAntiAlias`¶

`globalAlpha`¶

`globalCompositeOperation`¶

`globalCompositeBlendFunc`¶

`globalCompositeBlendFuncSeparate`¶

`fillColor`¶

`strokeColor`¶

`fillColori`¶

`strokeColori`¶

`fillColorVec4`¶

`strokeColorVec4`¶

`fillPaint`¶

`strokePaint`¶

`strokeWidth`¶

`miterLimit`¶

`lineCap`¶

`lineJoin`¶

`linearGradient`¶

`boxGradient`¶

`radialGradient`¶

`imageFromTexture`¶

`imageFromHandle`¶

`imageSize`¶

`deleteImage`¶

`drawSVG`¶

`resetTransform`¶

`transform`¶

`translate`¶

`rotate`¶

`skewX`¶

`skewY`¶

`scale`¶

`currentTransform`¶

`transformPoint`¶

`transformVec2`¶

`transformPointCurrent`¶

`scissor`¶

`intersectScissor`¶

`resetScissor`¶

`beginPath`¶

`moveTo`¶

`lineTo`¶

`bezierTo`¶

`quadTo`¶

`arcTo`¶

`closePath`¶

`pathWinding`¶

`arc`¶

`rect`¶

`roundedRect`¶

`roundedRectVarying`¶

`ellipse`¶

`circle`¶

`fill`¶

`fillEvenOdd`¶

`stroke`¶

`clip`¶

`resetClip`¶

`saveClip`¶

`restoreClip`¶

`createFont`¶

`createFontAtIndex`¶

`findFont`¶

`addFallbackFontId`¶

`addFallbackFont`¶

`resetFallbackFontsId`¶

`resetFallbackFonts`¶

`fontSize`¶

`fontBlur`¶

`textLetterSpacing`¶

`textLineHeight`¶

`textAlign`¶

`fontFaceId`¶

`fontFace`¶