The CanvasRenderingContext2D.scrollPathIntoView() method of the Canvas 2D API scrolls the current or given path into view. It is similar to Element.scrollIntoView().

path

A Path2D path to use.

None (undefined).

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:

• The interface defining this method: CanvasRenderingContext2D
• Element.scrollIntoView()