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