{ "compat_features": [ "api.HTMLCanvasElement", "api.HTMLCanvasElement.getContext", "api.HTMLCanvasElement.height", "api.HTMLCanvasElement.toBlob", "api.HTMLCanvasElement.toBlob.type_parameter_jpeg", "api.HTMLCanvasElement.toDataURL", "api.HTMLCanvasElement.toDataURL.type_parameter_jpeg", "api.HTMLCanvasElement.width", "html.elements.canvas", "html.elements.canvas.height", "html.elements.canvas.width" ], "description": "The HTML element is a space to draw graphics in, using the 2D canvas API, WebGL, or WebGPU.", "description_html": "The <canvas> HTML element is a space to draw graphics in, using the 2D canvas API, WebGL, or WebGPU.", "group": [ "canvas", "html-elements" ], "kind": "feature", "name": "", "spec": [ "https://html.spec.whatwg.org/multipage/canvas.html#canvas" ], "status": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "by_compat_key": { "api.HTMLCanvasElement": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "2", "safari_ios": "1" } }, "api.HTMLCanvasElement.getContext": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "2", "safari_ios": "1" } }, "api.HTMLCanvasElement.height": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "api.HTMLCanvasElement.toBlob": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "50", "chrome_android": "50", "edge": "79", "firefox": "18", "firefox_android": "18", "safari": "11", "safari_ios": "11" } }, "api.HTMLCanvasElement.toBlob.type_parameter_jpeg": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "50", "chrome_android": "50", "edge": "79", "firefox": "18", "firefox_android": "18", "safari": "11", "safari_ios": "11" } }, "api.HTMLCanvasElement.toDataURL": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "2", "chrome_android": "18", "edge": "12", "firefox": "2", "firefox_android": "4", "safari": "4", "safari_ios": "3" } }, "api.HTMLCanvasElement.toDataURL.type_parameter_jpeg": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "50", "chrome_android": "50", "edge": "79", "firefox": "18", "firefox_android": "18", "safari": "11", "safari_ios": "11" } }, "api.HTMLCanvasElement.width": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "3", "safari_ios": "1" } }, "html.elements.canvas": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "2", "safari_ios": "1" } }, "html.elements.canvas.height": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "2", "safari_ios": "1" } }, "html.elements.canvas.width": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "2", "safari_ios": "1" } } }, "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1.5", "firefox_android": "4", "safari": "2", "safari_ios": "1" } }, "id": "canvas", "groups": [ "canvas", "html-elements" ], "specs": [ { "url": "https://html.spec.whatwg.org/multipage/canvas.html#canvas", "seriesComposition": "full", "shortname": "html", "series": { "shortname": "html", "currentSpecification": "html", "title": "HTML", "shortTitle": "HTML", "nightlyUrl": "https://html.spec.whatwg.org/multipage/" }, "nightly": { "url": "https://html.spec.whatwg.org/multipage/", "status": "Living Standard", "sourcePath": "source", "alternateUrls": [], "repository": "https://github.com/whatwg/html", "pages": [ "https://html.spec.whatwg.org/multipage/introduction.html", "https://html.spec.whatwg.org/multipage/infrastructure.html", "https://html.spec.whatwg.org/multipage/common-microsyntaxes.html", "https://html.spec.whatwg.org/multipage/urls-and-fetching.html", "https://html.spec.whatwg.org/multipage/common-dom-interfaces.html", "https://html.spec.whatwg.org/multipage/structured-data.html", "https://html.spec.whatwg.org/multipage/dom.html", "https://html.spec.whatwg.org/multipage/semantics.html", "https://html.spec.whatwg.org/multipage/sections.html", "https://html.spec.whatwg.org/multipage/grouping-content.html", "https://html.spec.whatwg.org/multipage/text-level-semantics.html", "https://html.spec.whatwg.org/multipage/links.html", "https://html.spec.whatwg.org/multipage/edits.html", "https://html.spec.whatwg.org/multipage/embedded-content.html", "https://html.spec.whatwg.org/multipage/images.html", "https://html.spec.whatwg.org/multipage/iframe-embed-object.html", "https://html.spec.whatwg.org/multipage/media.html", "https://html.spec.whatwg.org/multipage/image-maps.html", "https://html.spec.whatwg.org/multipage/embedded-content-other.html", "https://html.spec.whatwg.org/multipage/tables.html", "https://html.spec.whatwg.org/multipage/forms.html", "https://html.spec.whatwg.org/multipage/input.html", "https://html.spec.whatwg.org/multipage/form-elements.html", "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html", "https://html.spec.whatwg.org/multipage/interactive-elements.html", "https://html.spec.whatwg.org/multipage/scripting.html", "https://html.spec.whatwg.org/multipage/canvas.html", "https://html.spec.whatwg.org/multipage/custom-elements.html", "https://html.spec.whatwg.org/multipage/semantics-other.html", "https://html.spec.whatwg.org/multipage/microdata.html", "https://html.spec.whatwg.org/multipage/interaction.html", "https://html.spec.whatwg.org/multipage/dnd.html", "https://html.spec.whatwg.org/multipage/popover.html", "https://html.spec.whatwg.org/multipage/browsers.html", "https://html.spec.whatwg.org/multipage/nav-history-apis.html", "https://html.spec.whatwg.org/multipage/document-sequences.html", "https://html.spec.whatwg.org/multipage/browsing-the-web.html", "https://html.spec.whatwg.org/multipage/document-lifecycle.html", "https://html.spec.whatwg.org/multipage/speculative-loading.html", "https://html.spec.whatwg.org/multipage/webappapis.html", "https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html", "https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html", "https://html.spec.whatwg.org/multipage/system-state.html", "https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html", "https://html.spec.whatwg.org/multipage/comms.html", "https://html.spec.whatwg.org/multipage/server-sent-events.html", "https://html.spec.whatwg.org/multipage/web-messaging.html", "https://html.spec.whatwg.org/multipage/workers.html", "https://html.spec.whatwg.org/multipage/worklets.html", "https://html.spec.whatwg.org/multipage/webstorage.html", "https://html.spec.whatwg.org/multipage/syntax.html", "https://html.spec.whatwg.org/multipage/parsing.html", "https://html.spec.whatwg.org/multipage/named-characters.html", "https://html.spec.whatwg.org/multipage/xhtml.html", "https://html.spec.whatwg.org/multipage/rendering.html", "https://html.spec.whatwg.org/multipage/obsolete.html", "https://html.spec.whatwg.org/multipage/iana.html", "https://html.spec.whatwg.org/multipage/indices.html", "https://html.spec.whatwg.org/multipage/references.html", "https://html.spec.whatwg.org/multipage/acknowledgements.html" ], "filename": "index.html" }, "organization": "WHATWG", "groups": [ { "name": "HTML Workstream", "url": "https://html.spec.whatwg.org/multipage/" } ], "title": "HTML", "source": "whatwg", "shortTitle": "HTML", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "close-watcher", "custom-elements", "eventsource", "html", "imagebitmap-renderingcontext", "import-maps", "navigation-api", "webmessaging", "webstorage", "workers", "worklets", "x-frame-options" ], "excludePaths": [ "html/cross-origin-embedder-policy/credentialless", "html/dom/partial-updates/tentative", "html/cross-origin-embedder-policy/credentialless" ] }, "fragment": "canvas" } ], "mdnUrls": [ { "slug": "Web/HTML/Reference/Elements/canvas", "title": "`` HTML graphics canvas element", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/canvas" } ], "standardPositions": [], "hasNegativeStandardPosition": false, "stateOfSurveys": [ { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/graphics_multimedia/#graphics_pain_points_limitations_1", "question": "graphics_multimedia", "subQuestion": "graphics_pain_points_limitations_1", "path": "dataAPI.surveys.state_of_html.html2025.graphics_multimedia.graphics_pain_points_limitations_1.freeform.allEditions.0.buckets.2.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/graphics_multimedia/#graphics_pain_points_interop_issues_1", "question": "graphics_multimedia", "subQuestion": "graphics_pain_points_interop_issues_1", "path": "dataAPI.surveys.state_of_html.html2025.graphics_multimedia.graphics_pain_points_interop_issues_1.freeform.allEditions.0.buckets.7.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/graphics_multimedia/#graphics_pain_points_features", "question": "graphics_multimedia", "subQuestion": "graphics_pain_points_features", "path": "dataAPI.surveys.state_of_html.html2025.graphics_multimedia.graphics_pain_points_features.freeform.allEditions.0.buckets.1.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/graphics_multimedia/#graphics_pain_points", "question": "graphics_multimedia", "subQuestion": "graphics_pain_points", "path": "dataAPI.surveys.state_of_html.html2025.graphics_multimedia.graphics_pain_points.freeform.allEditions.0.buckets.3.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/graphics_multimedia/#graphics_multimedia_features", "question": "graphics_multimedia", "subQuestion": "graphics_multimedia_features", "path": "dataAPI.surveys.state_of_html.html2025.graphics_multimedia.graphics_multimedia_features.1.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/#all_features", "question": "features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_html.html2025.features.all_features.18.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/_all_features/#all_features", "question": "_all_features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_html.html2025._all_features.all_features.18.entity" } ], "chromeUseCounters": { "percentageOfPageLoad": 0.46410911, "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/200" }, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:canvas" }, "developerSignals": null, "bugs": { "chrome": [ "https://g-issues.chromium.org/issues/399653248", "https://crbug.com/500967896", "https://code.google.com/p/chromium/issues/detail?id=67587" ] }, "useCases": null, "baselineLowDateAsObject": "2015-07-29T00:00:00.000Z", "baselineHighDateAsObject": "2018-01-29T00:00:00.000Z" }