CanvasRenderingContext2D: scrollPathIntoView() method
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The
CanvasRenderingContext2D.scrollPathIntoView()
method of the Canvas 2D API scrolls the current or given path into view. It is similar
to Element.scrollIntoView()
.
Syntax
js
scrollPathIntoView()
scrollPathIntoView(path)
Parameters
path
-
A
Path2D
path to use.
Return value
None (undefined
).
Examples
Using the scrollPathIntoView method
This example demonstrates the scrollPathIntoView()
method.
HTML
html
<canvas id="canvas"></canvas>
JavaScript
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.fillRect(10, 10, 30, 30);
ctx.scrollPathIntoView();
Editable demo
Edit the code below to see your changes update live in the canvas:
Specifications
Specification |
---|
HTML Standard # dom-context-2d-scrollpathintoview-dev |
Browser compatibility
BCD tables only load in the browser
See also
- The interface defining this method:
CanvasRenderingContext2D
Element.scrollIntoView()