W3cubDocs

/Web APIs

SVGPointList: clear() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The clear() method of the SVGPointList interface removes all items from the list.

Syntax

clear()

Parameters

None.

Return value

None (undefined).

Exceptions

NoModificationAllowedError DOMException

Thrown if the list is read-only.

Examples

The following example shows an SVG which contains a <polyline> with five coordinate pairs. Calling clear() empties the list. Therefore the polyline no longer displays in the SVG.

<svg id="svg" viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
  <polyline
    id="example"
    stroke="black"
    fill="none"
    points="50,0 21,90 98,35 2,35 79,90" />
</svg>
let example = document.getElementById("example");
example.points.clear();

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
clear 1 12 1.5 ≤12.1 3 18 4 ≤12.1 1 1.0 3 1

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