dom / latest / canvasrenderingcontext2d / scrollpathintoview.html /

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

scrollPathIntoView()
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

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

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scrollPathIntoView