CanvasRenderingContext2D.scrollPathIntoView()

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

void ctx.scrollPathIntoView();
void ctx.scrollPathIntoView(path);

Parameters

path: A Path2D path to use.

Examples

Using the scrollPathIntoView method

This example demonstrates the scrollPathIntoView() method.

HTML

<canvas id="canvas"></canvas>

JavaScript

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 (HTML) # dom-context-2d-scrollpathintoview-dev

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`scrollPathIntoView`	36	≤79	No	No	23	No	No	36	No	No	No	No