CanvasRenderingContext2D: метод getLineDash()

Метод getLineDash() API 2D-холста для интерфейса CanvasRenderingContext2D получает текущий шаблон пунктирной линии.

Нет.

Массив Array чисел, определяющих расстояния для чередования рисования линии и пробела (в единицах координатного пространства). Если количество элементов в массиве нечетное, элементы массива копируются и конкатенируются. Например, установление пунктирной линии на [5, 15, 25] приведет к получению [5, 15, 25, 5, 15, 25].

Этот пример демонстрирует метод getLineDash().

HTML

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

JavaScript

Как задано методом setLineDash(), штрихи состоят из линий шириной 10 единиц с промежутками по 20 единиц между каждой линией.

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.setLineDash([10, 20]);
console.log(ctx.getLineDash()); // [10, 20]

// Draw a dashed line
ctx.beginPath();
ctx.moveTo(0, 50);
ctx.lineTo(300, 50);
ctx.stroke();

Результат

• Интерфейс, определяющий этот метод: CanvasRenderingContext2D
• CanvasRenderingContext2D.setLineDash()
• CanvasRenderingContext2D.lineDashOffset