Title: Theory / Unimportant / CS / Descriptive / Web / HTML; / Canvas
Tags: FromInstruction computer_to_instruction hasNotNewEffectReturnsMeaning some_instruction récupéré seen_description computer_to_variable
On every note of this deck, unless a note says otherwise:
Language: HTML

Instruction: lineCap
Returns: Whether style of the end caps for a line

Instruction: lineJoin
Returns: The type of corner created, when two lines meet

Instruction: lineWidth
Returns: The current line width

Instruction: miterLimit
Returns: The maximum miter length

Instruction: rect()
Effect: Creates a rectangle

Instruction: fillRect()
Effect: Draws a "filled" rectangle

Instruction: strokeRect()
Effect: Draws a rectangle (no fill)

Instruction: clearRect()
Effect: Clears the specified pixels within a given rectangle

Instruction: fill()
Effect: Fills the current drawing (path)

Instruction: stroke()
Effect: Actually draws the path you have defined

Instruction: beginPath()
Effect: Begins a path, or resets the current path

Instruction: moveTo()
Effect: Moves the path to the specified point in the canvas, without creating a line

Instruction: closePath()
Effect: Creates a path from the current point back to the starting point
Context: canvas

Instruction: lineTo()
Effect: Adds a new point and creates a line to that point from the last specified point in the canvas

Instruction: clip()
Effect: Clips a region of any shape and size from the original canvas

Instruction: quadraticCurveTo()
Effect: Creates a quadratic Bézier curve

Instruction: bezierCurveTo()
Effect: Creates a cubic Bézier curve

Instruction: arc()
Effect: Creates an arc/curve (used to create circles, or parts of circles)

Instruction: arcTo()
Effect: Creates an arc/curve between two tangents

Instruction: isPointInPath()
Returns: Whether the specified point is in the current path

Instruction: scale()
Effect: Scales the current drawing bigger or smaller

Instruction: rotate()
Effect: Rotates the current drawing

Instruction: translate()
Effect: Remaps the (0,0) position on the canvas

Instruction: transform()
Effect: Replaces the current transformation matrix for the drawing

Instruction: setTransform()
Effect: Resets the current transform to the identity matrix. Then runs transform()

Instruction: font
Returns: The current font properties for text content

Instruction: textAlign
Returns: The current alignment for text content

Instruction: textBaseline
Returns: The current text baseline used when drawing text

Instruction: fillText()
Effect: Draws "filled" text on the canvas

Instruction: strokeText()
Effect: Draws text on the canvas (no fill)

Instruction: measureText()
Returns: An object that contains the width of the specified text

Instruction: drawImage()
Effect: Draws an image, canvas, or video onto the canvas

Instruction: Property
Effect: Description
Extra: Syncer.remove: Remove from grave

Instruction: width
Returns: The width of an ImageData object

Instruction: height
Returns: The height of an ImageData object

Instruction: data
Returns: An object that contains image data of a specified ImageData object

Instruction: createImageData()
Effect: Creates a new, blank ImageData object

Instruction: getImageData()
Returns: an ImageData object that copies the pixel data for the specified rectangle on a canvas

Instruction: putImageData()
Effect: Puts the image data (from a specified ImageData object) back onto the canvas

Instruction: globalAlpha
Returns: the current alpha or transparency value of the drawing

Instruction: globalCompositeOperation
Returns: how a new image are drawn onto an existing image

Instruction: save()
Effect: Saves the state of the current context

Instruction: restore()
Returns: Previously saved path state and attributes

Instruction: createEvent()

Instruction: getContext()
Returns: an object that provides methods and properties for drawing on the canvas.

Instruction: fillStyle
Returns: The color, gradient, or pattern used to fill the drawing

Instruction: strokeStyle
Returns: The color, gradient, or pattern used for strokes

Instruction: shadowColor
Returns: The color to use for shadows

Instruction: shadowBlur
Returns: The blur level for shadows

Instruction: shadowOffsetX
Returns: The horizontal distance of the shadow from the shape

Instruction: shadowOffsetY
Returns: The vertical distance of the shadow from the shape

Instruction: createLinearGradient()
Effect: Creates a linear gradient (to use on canvas content)

Instruction: createPattern()
Effect: Repeats a specified element in the specified direction

Instruction: createRadialGradient()
Effect: Creates a radial/circular gradient (to use on canvas content)

Instruction: addColorStop()
Effect: Specifies the colors and stop positions in a gradient object