Skip to content

Instantly share code, notes, and snippets.

@konsumer
Created September 14, 2021 09:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save konsumer/be0f9cb3b8df083c3a594a5f08824743 to your computer and use it in GitHub Desktop.
Save konsumer/be0f9cb3b8df083c3a594a5f08824743 to your computer and use it in GitHub Desktop.
Generate JSOn from MDN docs
// I use this to generate a stub from MDN docs about canvas
// run with deno run --allow-net tools/getdocs.js
/* global fetch */
import { DOMParser } from 'https://deno.land/x/deno_dom/deno-dom-wasm.ts'
function getDocs (doc, parent) {
const info = {}
if (doc?.querySelectorAll) {
for (const s of doc.querySelectorAll('dl')) {
const dt = s.querySelectorAll('dt')
const dd = s.querySelectorAll('dd')
for (const d in dt) {
if (dt[d]?.innerText) {
let name = dt[d].innerText.trim()
if (name.startsWith(parent)) {
name = name.replace(`${parent}.`, '')
let method = false
let readOnly = false
if (name.endsWith('()')) {
name = name.replace('()', '')
method = true
}
if (method && name === parent) {
name = 'constructor'
}
if (name.endsWith(' Read only')) {
readOnly = true
name = name.replace(' Read only', '')
}
let url
const a = dt[d].querySelector('a')
if (a) {
url = `https://developer.mozilla.org${a.attributes.href}`
}
info[name] = {
name,
description: dd[d].innerText.trim(),
method,
parent,
readOnly,
url
}
}
}
}
}
}
return info
}
async function getCanvasDocs (doc) {
const docs = {}
const ul = doc.querySelectorAll('ul')[7]
for (const a of ul.querySelectorAll('a')) {
if (a.attributes.href) {
const d = (new DOMParser()).parseFromString(await fetch(`https://developer.mozilla.org${a.attributes.href}`).then(r => r.text()), 'text/html')
const parent = a.innerText
docs[parent] = getDocs(d, parent)
}
}
return docs
}
async function main () {
const d = (new DOMParser()).parseFromString(await fetch('https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API').then(r => r.text()), 'text/html')
const docs = await getCanvasDocs(d)
console.log(JSON.stringify(docs, null, 2))
}
main()
{
"HTMLCanvasElement": {
"height": {
"name": "height",
"description": "The height HTML attribute of the <canvas> element is a positive integer reflecting the number of logical pixels (or RGBA values) going down one column of the canvas. When the attribute is not specified, or if it is set to an invalid value, like a negative, the default value of 150 is used. If no [separate] CSS height is assigned to the <canvas>, then this value will also be used as the height of the canvas in the length-unit CSS Pixel.",
"method": false,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/height"
},
"width": {
"name": "width",
"description": "The width HTML attribute of the <canvas> element is a positive integer reflecting the number of logical pixels (or RGBA values) going across one row of the canvas. When the attribute is not specified, or if it is set to an invalid value, like a negative, the default value of 300 is used. If no [separate] CSS width is assigned to the <canvas>, then this value will also be used as the width of the canvas in the length-unit CSS Pixel.",
"method": false,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width"
},
"mozOpaque": {
"name": "mozOpaque",
"description": "Is a boolean value reflecting the moz-opaque HTML attribute of the <canvas> element. It lets the canvas know whether or not translucency will be a factor. If the canvas knows there's no translucency, painting performance can be optimized. This is only supported in Mozilla-based browsers; use the standardized canvas.getContext('2d', { alpha: false }) instead.",
"method": false,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/mozOpaque"
},
"mozPrintCallback": {
"name": "mozPrintCallback",
"description": "Is a function that is Initially null. Web content can set this to a JavaScript function that will be called when the canvas is to be redrawn while the page is being printed. When called, the callback is passed a \"printState\" object that implements the MozCanvasPrintState interface. The callback can get the context to draw to from the printState object and must then call done() on it when finished. The purpose of mozPrintCallback is to obtain a higher resolution rendering of the canvas at the resolution of the printer being used. See this blog post.",
"method": false,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.orgundefined"
},
"captureStream": {
"name": "captureStream",
"description": "Returns a CanvasCaptureMediaStreamTrack that is a real-time video capture of the surface of the canvas.",
"method": true,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream"
},
"getContext": {
"name": "getContext",
"description": "Returns a drawing context on the canvas, or null if the context ID is not supported. A drawing context lets you draw on the canvas. Calling getContext with \"2d\" returns a CanvasRenderingContext2D object, whereas calling it with \"webgl\" (or \"experimental-webgl\") returns a WebGLRenderingContext object. This context is only available on browsers that implement WebGL.",
"method": true,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext"
},
"toDataURL": {
"name": "toDataURL",
"description": "Returns a data-URL containing a representation of the image in the format specified by the type parameter (defaults to png). The returned image is in a resolution of 96dpi.",
"method": true,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL"
},
"toBlob": {
"name": "toBlob",
"description": "Creates a Blob object representing the image contained in the canvas; this file may be cached on the disk or stored in memory at the discretion of the user agent.",
"method": true,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob"
},
"transferControlToOffscreen": {
"name": "transferControlToOffscreen",
"description": "Transfers control to an OffscreenCanvas object, either on the main thread or on a worker.",
"method": true,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen"
},
"mozGetAsFile": {
"name": "mozGetAsFile",
"description": "Returns a File object representing the image contained in the canvas; this file is a memory-based file, with the specified name. If type is not specified, the image type is image/png.",
"method": true,
"parent": "HTMLCanvasElement",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/mozGetAsFile"
}
},
"CanvasRenderingContext2D": {
"clearRect": {
"name": "clearRect",
"description": "Sets all pixels in the rectangle defined by starting point (x, y) and size (width, height) to transparent black, erasing any previously drawn content.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect"
},
"fillRect": {
"name": "fillRect",
"description": "Draws a filled rectangle at (x, y) position whose size is determined by width and height.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect"
},
"strokeRect": {
"name": "strokeRect",
"description": "Paints a rectangle which has a starting point at (x, y) and has a w width and an h height onto the canvas, using the current stroke style.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeRect"
},
"fillText": {
"name": "fillText",
"description": "Draws (fills) a given text at the given (x, y) position.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillText"
},
"strokeText": {
"name": "strokeText",
"description": "Draws (strokes) a given text at the given (x, y) position.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeText"
},
"measureText": {
"name": "measureText",
"description": "Returns a TextMetrics object.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/measureText"
},
"lineWidth": {
"name": "lineWidth",
"description": "Width of lines. Default 1.0.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth"
},
"lineCap": {
"name": "lineCap",
"description": "Type of endings on the end of lines. Possible values: butt (default), round, square.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap"
},
"lineJoin": {
"name": "lineJoin",
"description": "Defines the type of corners where two lines meet. Possible values: round, bevel, miter (default).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin"
},
"miterLimit": {
"name": "miterLimit",
"description": "Miter limit ratio. Default 10.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit"
},
"getLineDash": {
"name": "getLineDash",
"description": "Returns the current line dash pattern array containing an even number of non-negative numbers.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getLineDash"
},
"setLineDash": {
"name": "setLineDash",
"description": "Sets the current line dash pattern.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash"
},
"lineDashOffset": {
"name": "lineDashOffset",
"description": "Specifies where to start a dash array on a line.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
},
"font": {
"name": "font",
"description": "Font setting. Default value 10px sans-serif.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font"
},
"textAlign": {
"name": "textAlign",
"description": "Text alignment setting. Possible values: start (default), end, left, right, center.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign"
},
"textBaseline": {
"name": "textBaseline",
"description": "Baseline alignment setting. Possible values: top, hanging, middle, alphabetic (default), ideographic, bottom.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline"
},
"direction": {
"name": "direction",
"description": "Directionality. Possible values: ltr, rtl, inherit (default).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/direction"
},
"fillStyle": {
"name": "fillStyle",
"description": "Color or style to use inside shapes. Default #000 (black).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle"
},
"strokeStyle": {
"name": "strokeStyle",
"description": "Color or style to use for the lines around shapes. Default #000 (black).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle"
},
"createConicGradient": {
"name": "createConicGradient",
"description": "Creates a conic gradient around a point given by coordinates represented by the parameters.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createConicGradient"
},
"createLinearGradient": {
"name": "createLinearGradient",
"description": "Creates a linear gradient along the line given by the coordinates represented by the parameters.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient"
},
"createRadialGradient": {
"name": "createRadialGradient",
"description": "Creates a radial gradient given by the coordinates of the two circles represented by the parameters.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient"
},
"createPattern": {
"name": "createPattern",
"description": "Creates a pattern using the specified image (a CanvasImageSource). It repeats the source in the directions specified by the repetition argument. This method returns a CanvasPattern.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createPattern"
},
"shadowBlur": {
"name": "shadowBlur",
"description": "Specifies the blurring effect. Default: 0",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur"
},
"shadowColor": {
"name": "shadowColor",
"description": "Color of the shadow. Default: fully-transparent black.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor"
},
"shadowOffsetX": {
"name": "shadowOffsetX",
"description": "Horizontal distance the shadow will be offset. Default: 0.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX"
},
"shadowOffsetY": {
"name": "shadowOffsetY",
"description": "Vertical distance the shadow will be offset. Default: 0.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY"
},
"beginPath": {
"name": "beginPath",
"description": "Starts a new path by emptying the list of sub-paths. Call this method when you want to create a new path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/beginPath"
},
"closePath": {
"name": "closePath",
"description": "Causes the point of the pen to move back to the start of the current sub-path. It tries to draw a straight line from the current point to the start. If the shape has already been closed or has only one point, this function does nothing.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/closePath"
},
"moveTo": {
"name": "moveTo",
"description": "Moves the starting point of a new sub-path to the (x, y) coordinates.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/moveTo"
},
"lineTo": {
"name": "lineTo",
"description": "Connects the last point in the current sub-path to the specified (x, y) coordinates with a straight line.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineTo"
},
"bezierCurveTo": {
"name": "bezierCurveTo",
"description": "Adds a cubic Bézier curve to the current path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/bezierCurveTo"
},
"quadraticCurveTo": {
"name": "quadraticCurveTo",
"description": "Adds a quadratic Bézier curve to the current path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/quadraticCurveTo"
},
"arc": {
"name": "arc",
"description": "Adds a circular arc to the current path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc"
},
"arcTo": {
"name": "arcTo",
"description": "Adds an arc to the current path with the given control points and radius, connected to the previous point by a straight line.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arcTo"
},
"ellipse": {
"name": "ellipse",
"description": "Adds an elliptical arc to the current path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/ellipse"
},
"rect": {
"name": "rect",
"description": "Creates a path for a rectangle at position (x, y) with a size that is determined by width and height.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rect"
},
"fill": {
"name": "fill",
"description": "Fills the current sub-paths with the current fill style.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fill"
},
"stroke": {
"name": "stroke",
"description": "Strokes the current sub-paths with the current stroke style.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/stroke"
},
"drawFocusIfNeeded": {
"name": "drawFocusIfNeeded",
"description": "If a given element is focused, this method draws a focus ring around the current path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded"
},
"scrollPathIntoView": {
"name": "scrollPathIntoView",
"description": "Scrolls the current path or a given path into the view.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scrollPathIntoView"
},
"clip": {
"name": "clip",
"description": "Creates a clipping path from the current sub-paths. Everything drawn after clip() is called appears inside the clipping path only. For an example, see Clipping paths in the Canvas tutorial.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip"
},
"isPointInPath": {
"name": "isPointInPath",
"description": "Reports whether or not the specified point is contained in the current path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInPath"
},
"isPointInStroke": {
"name": "isPointInStroke",
"description": "Reports whether or not the specified point is inside the area contained by the stroking of a path.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInStroke"
},
"currentTransform": {
"name": "currentTransform",
"description": "Current transformation matrix (DOMMatrix object).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/currentTransform"
},
"getTransform": {
"name": "getTransform",
"description": "Retrieves the current transformation matrix being applied to the context.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getTransform"
},
"rotate": {
"name": "rotate",
"description": "Adds a rotation to the transformation matrix. The angle argument represents a clockwise rotation angle and is expressed in radians.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate"
},
"scale": {
"name": "scale",
"description": "Adds a scaling transformation to the canvas units by x horizontally and by y vertically.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale"
},
"translate": {
"name": "translate",
"description": "Adds a translation transformation by moving the canvas and its origin x horzontally and y vertically on the grid.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate"
},
"transform": {
"name": "transform",
"description": "Multiplies the current transformation matrix with the matrix described by its arguments.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform"
},
"setTransform": {
"name": "setTransform",
"description": "Resets the current transform to the identity matrix, and then invokes the transform() method with the same arguments.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform"
},
"resetTransform": {
"name": "resetTransform",
"description": "Resets the current transform by the identity matrix.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform"
},
"globalAlpha": {
"name": "globalAlpha",
"description": "Alpha value that is applied to shapes and images before they are composited onto the canvas. Default 1.0 (opaque).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha"
},
"globalCompositeOperation": {
"name": "globalCompositeOperation",
"description": "With globalAlpha applied this sets how shapes and images are drawn onto the existing bitmap.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation"
},
"drawImage": {
"name": "drawImage",
"description": "Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage"
},
"createImageData": {
"name": "createImageData",
"description": "Creates a new, blank ImageData object with the specified dimensions. All of the pixels in the new object are transparent black.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createImageData"
},
"getImageData": {
"name": "getImageData",
"description": "Returns an ImageData object representing the underlying pixel data for the area of the canvas denoted by the rectangle which starts at (sx, sy) and has an sw width and sh height.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData"
},
"putImageData": {
"name": "putImageData",
"description": "Paints data from the given ImageData object onto the bitmap. If a dirty rectangle is provided, only the pixels from that rectangle are painted.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/putImageData"
},
"imageSmoothingEnabled": {
"name": "imageSmoothingEnabled",
"description": "Image smoothing mode; if disabled, images will not be smoothed if scaled.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled"
},
"imageSmoothingQuality": {
"name": "imageSmoothingQuality",
"description": "Allows you to set the quality of image smoothing.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality"
},
"save": {
"name": "save",
"description": "Saves the current drawing style state using a stack so you can revert any change you make to it using restore().",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save"
},
"restore": {
"name": "restore",
"description": "Restores the drawing style state to the last element on the 'state stack' saved by save().",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore"
},
"canvas": {
"name": "canvas",
"description": "A read-only back-reference to the HTMLCanvasElement. Might be null if it is not associated with a <canvas> element.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas"
},
"getContextAttributes": {
"name": "getContextAttributes",
"description": "Returns an object containing the actual context attributes. Context attributes can be requested with HTMLCanvasElement.getContext().",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getContextAttributes"
},
"filter": {
"name": "filter",
"description": "Applies a CSS or SVG filter to the canvas, e.g., to change its brightness or bluriness.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter"
},
"clearShadow": {
"name": "clearShadow",
"description": "Removes all shadow settings like CanvasRenderingContext2D.shadowColor and CanvasRenderingContext2D.shadowBlur.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"drawImageFromRect": {
"name": "drawImageFromRect",
"description": "This is redundant with an equivalent overload of drawImage.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setAlpha": {
"name": "setAlpha",
"description": "Use CanvasRenderingContext2D.globalAlpha instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setCompositeOperation": {
"name": "setCompositeOperation",
"description": "Use CanvasRenderingContext2D.globalCompositeOperation instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setLineWidth": {
"name": "setLineWidth",
"description": "Use CanvasRenderingContext2D.lineWidth instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setLineJoin": {
"name": "setLineJoin",
"description": "Use CanvasRenderingContext2D.lineJoin instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setLineCap": {
"name": "setLineCap",
"description": "Use CanvasRenderingContext2D.lineCap instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setMiterLimit": {
"name": "setMiterLimit",
"description": "Use CanvasRenderingContext2D.miterLimit instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setStrokeColor": {
"name": "setStrokeColor",
"description": "Use CanvasRenderingContext2D.strokeStyle instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setFillColor": {
"name": "setFillColor",
"description": "Use CanvasRenderingContext2D.fillStyle instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"setShadow": {
"name": "setShadow",
"description": "Use CanvasRenderingContext2D.shadowColor and CanvasRenderingContext2D.shadowBlur instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"webkitLineDash": {
"name": "webkitLineDash",
"description": "Use CanvasRenderingContext2D.getLineDash() and CanvasRenderingContext2D.setLineDash() instead.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"webkitLineDashOffset": {
"name": "webkitLineDashOffset",
"description": "Use CanvasRenderingContext2D.lineDashOffset instead.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"webkitImageSmoothingEnabled": {
"name": "webkitImageSmoothingEnabled",
"description": "Use CanvasRenderingContext2D.imageSmoothingEnabled instead.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"isContextLost": {
"name": "isContextLost",
"description": "Inspired by the same WebGLRenderingContext method it returns true if the Canvas context has been lost, or false if not.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"webkitBackingStorePixelRatio": {
"name": "webkitBackingStorePixelRatio",
"description": "The backing store size in relation to the canvas element. See High DPI Canvas.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"webkitGetImageDataHD": {
"name": "webkitGetImageDataHD",
"description": "Intended for HD backing stores, but removed from canvas specifications.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"webkitPutImageDataHD": {
"name": "webkitPutImageDataHD",
"description": "Intended for HD backing stores, but removed from canvas specifications.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozCurrentTransform": {
"name": "mozCurrentTransform",
"description": "Sets or gets the current transformation matrix, see CanvasRenderingContext2D.currentTransform.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozCurrentTransformInverse": {
"name": "mozCurrentTransformInverse",
"description": "Sets or gets the current inversed transformation matrix.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozImageSmoothingEnabled": {
"name": "mozImageSmoothingEnabled",
"description": "See CanvasRenderingContext2D.imageSmoothingEnabled.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozTextStyle": {
"name": "mozTextStyle",
"description": "Introduced in Gecko 1.9, deprecated in favor of the CanvasRenderingContext2D.font property.",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozDrawText": {
"name": "mozDrawText",
"description": "This method was introduced in Gecko 1.9 and is removed starting with Gecko 7.0. Use CanvasRenderingContext2D.strokeText() or CanvasRenderingContext2D.fillText() instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozMeasureText": {
"name": "mozMeasureText",
"description": "This method was introduced in Gecko 1.9 and is unimplemented starting with Gecko 7.0. Use CanvasRenderingContext2D.measureText() instead.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozPathText": {
"name": "mozPathText",
"description": "This method was introduced in Gecko 1.9 and is removed starting with Gecko 7.0.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"mozTextAlongPath": {
"name": "mozTextAlongPath",
"description": "This method was introduced in Gecko 1.9 and is removed starting with Gecko 7.0.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"drawWindow": {
"name": "drawWindow",
"description": "Renders a region of a window into the canvas. The contents of the window's viewport are rendered, ignoring viewport clipping and scrolling.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawWindow"
},
"demote": {
"name": "demote",
"description": "This causes a context that is currently using a hardware-accelerated backend to fallback to a software one. All state should be preserved.",
"method": true,
"parent": "CanvasRenderingContext2D",
"readOnly": false
},
"msFillRule": {
"name": "msFillRule",
"description": "The fill rule to use. This must be one of evenodd or nonzero (default).",
"method": false,
"parent": "CanvasRenderingContext2D",
"readOnly": false
}
},
"CanvasGradient": {
"addColorStop": {
"name": "addColorStop",
"description": "Adds a new stop, defined by an offset and a color, to the gradient. If the offset is not between 0 and 1, inclusive, an INDEX_SIZE_ERR is raised; if the color can't be parsed as a CSS <color>, a SYNTAX_ERR is raised.",
"method": true,
"parent": "CanvasGradient",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasGradient/addColorStop"
}
},
"CanvasImageSource": {},
"CanvasPattern": {
"setTransform": {
"name": "setTransform",
"description": "Applies an SVGMatrix or DOMMatrix representing a linear transform to the pattern.",
"method": true,
"parent": "CanvasPattern",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasPattern/setTransform"
}
},
"ImageBitmap": {
"height": {
"name": "height",
"description": "Is an unsigned long representing the height, in CSS pixels, of the ImageData.",
"method": false,
"parent": "ImageBitmap",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap/height"
},
"width": {
"name": "width",
"description": "Is an unsigned long representing the width, in CSS pixels, of the ImageData.",
"method": false,
"parent": "ImageBitmap",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap/width"
},
"close": {
"name": "close",
"description": "Disposes of all graphical resources associated with an ImageBitmap.",
"method": true,
"parent": "ImageBitmap",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap/close"
}
},
"ImageData": {
"constructor": {
"name": "constructor",
"description": "Creates an ImageData object from a given Uint8ClampedArray and the size of the image it contains. If no array is given, it creates an image of a transparent black rectangle. Note that this is the most common way to create such an object in workers as createImageData() is not available there.",
"method": true,
"parent": "ImageData",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageData/ImageData"
},
"data": {
"name": "data",
"description": "Is a Uint8ClampedArray representing a one-dimensional array containing the data in the RGBA order, with integer values between 0 and 255 (inclusive).",
"method": false,
"parent": "ImageData",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageData/data"
},
"height": {
"name": "height",
"description": "Is an unsigned long representing the actual height, in pixels, of the ImageData.",
"method": false,
"parent": "ImageData",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageData/height"
},
"width": {
"name": "width",
"description": "Is an unsigned long representing the actual width, in pixels, of the ImageData.",
"method": false,
"parent": "ImageData",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageData/width"
}
},
"TextMetrics": {
"width": {
"name": "width",
"description": "Is a double giving the calculated width of a segment of inline text in CSS pixels. It takes into account the current font of the context.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/width"
},
"actualBoundingBoxLeft": {
"name": "actualBoundingBoxLeft",
"description": "Is a double giving the distance from the alignment point given by the CanvasRenderingContext2D.textAlign property to the left side of the bounding rectangle of the given text, in CSS pixels. The distance is measured parallel to the baseline.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/actualBoundingBoxLeft"
},
"actualBoundingBoxRight": {
"name": "actualBoundingBoxRight",
"description": "Is a double giving the distance from the alignment point given by the CanvasRenderingContext2D.textAlign property to the right side of the bounding rectangle of the given text, in CSS pixels. The distance is measured parallel to the baseline.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/actualBoundingBoxRight"
},
"fontBoundingBoxAscent": {
"name": "fontBoundingBoxAscent",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the top of the highest bounding rectangle of all the fonts used to render the text, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/fontBoundingBoxAscent"
},
"fontBoundingBoxDescent": {
"name": "fontBoundingBoxDescent",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the bottom of the bounding rectangle of all the fonts used to render the text, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/fontBoundingBoxDescent"
},
"actualBoundingBoxAscent": {
"name": "actualBoundingBoxAscent",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the top of the bounding rectangle used to render the text, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/actualBoundingBoxAscent"
},
"actualBoundingBoxDescent": {
"name": "actualBoundingBoxDescent",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the bottom of the bounding rectangle used to render the text, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/actualBoundingBoxDescent"
},
"emHeightAscent": {
"name": "emHeightAscent",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the top of the em square in the line box, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/emHeightAscent"
},
"emHeightDescent": {
"name": "emHeightDescent",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the bottom of the em square in the line box, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/emHeightDescent"
},
"hangingBaseline": {
"name": "hangingBaseline",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the hanging baseline of the line box, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/hangingBaseline"
},
"alphabeticBaseline": {
"name": "alphabeticBaseline",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the alphabetic baseline of the line box, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/alphabeticBaseline"
},
"ideographicBaseline": {
"name": "ideographicBaseline",
"description": "Is a double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the ideographic baseline of the line box, in CSS pixels.",
"method": false,
"parent": "TextMetrics",
"readOnly": true,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/ideographicBaseline"
}
},
"OffscreenCanvas": {
"constructor": {
"name": "constructor",
"description": "OffscreenCanvas constructor. Creates a new OffscreenCanvas object.",
"method": true,
"parent": "OffscreenCanvas",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/OffscreenCanvas"
},
"height": {
"name": "height",
"description": "The height of the offscreen canvas.",
"method": false,
"parent": "OffscreenCanvas",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/height"
},
"width": {
"name": "width",
"description": "The width of the offscreen canvas.",
"method": false,
"parent": "OffscreenCanvas",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/width"
},
"getContext": {
"name": "getContext",
"description": "Returns a rendering context for the offscreen canvas.",
"method": true,
"parent": "OffscreenCanvas",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/getContext"
},
"convertToBlob": {
"name": "convertToBlob",
"description": "Creates a Blob object representing the image contained in the canvas.",
"method": true,
"parent": "OffscreenCanvas",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/convertToBlob"
},
"transferToImageBitmap": {
"name": "transferToImageBitmap",
"description": "Creates an ImageBitmap object from the most recently rendered image of the OffscreenCanvas.",
"method": true,
"parent": "OffscreenCanvas",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/transferToImageBitmap"
}
},
"Path2D": {
"constructor": {
"name": "constructor",
"description": "Path2D constructor. Creates a new Path2D object.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/Path2D/Path2D"
},
"addPath": {
"name": "addPath",
"description": "Adds a path to the current path.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/Path2D/addPath"
},
"closePath": {
"name": "closePath",
"description": "Causes the point of the pen to move back to the start of the current sub-path. It tries to draw a straight line from the current point to the start. If the shape has already been closed or has only one point, this function does nothing.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/closePath"
},
"moveTo": {
"name": "moveTo",
"description": "Moves the starting point of a new sub-path to the (x, y) coordinates.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/moveTo"
},
"lineTo": {
"name": "lineTo",
"description": "Connects the last point in the subpath to the (x, y) coordinates with a straight line.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineTo"
},
"bezierCurveTo": {
"name": "bezierCurveTo",
"description": "Adds a cubic Bézier curve to the path. It requires three points. The first two points are control points and the third one is the end point. The starting point is the last point in the current path, which can be changed using moveTo() before creating the Bézier curve.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/bezierCurveTo"
},
"quadraticCurveTo": {
"name": "quadraticCurveTo",
"description": "Adds a quadratic Bézier curve to the current path.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/quadraticCurveTo"
},
"arc": {
"name": "arc",
"description": "Adds an arc to the path which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by counterclockwise (defaulting to clockwise).",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc"
},
"arcTo": {
"name": "arcTo",
"description": "Adds a circular arc to the path with the given control points and radius, connected to the previous point by a straight line.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arcTo"
},
"ellipse": {
"name": "ellipse",
"description": "Adds an elliptical arc to the path which is centered at (x, y) position with the radii radiusX and radiusY starting at startAngle and ending at endAngle going in the given direction by counterclockwise (defaulting to clockwise).",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/ellipse"
},
"rect": {
"name": "rect",
"description": "Creates a path for a rectangle at position (x, y) with a size that is determined by width and height.",
"method": true,
"parent": "Path2D",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rect"
}
},
"ImageBitmapRenderingContext": {
"transferFromImageBitmap": {
"name": "transferFromImageBitmap",
"description": "Displays the given ImageBitmap in the canvas associated with this rendering context. Ownership of the ImageBitmap is transferred to the canvas. This was previously named transferImageBitmap(), but was renamed in a spec change. The old name is being kept as an alias to avoid code breakage.",
"method": true,
"parent": "ImageBitmapRenderingContext",
"readOnly": false,
"url": "https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmapRenderingContext/transferFromImageBitmap"
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment