CanvasRenderingContext2D.getLineDash()
CanvasRenderingContext2D.getLineDash()
是 Canvas 2D API 获取当前线段样式的方法。
语法
ctx.getLineDash();
返回值
一个 Array
数组。一组描述交替绘制线段和间距(坐标空间单位)长度的数字。如果数组元素的数量是奇数,数组元素会被复制并重复。例如,设置线段为 [5, 15, 25]
将会得到以下返回值 [5, 15, 25, 5, 15, 25]
。
示例
获取当前的划线设置
这是一段使用 getLineDash
方法的简单的代码片段。
HTML
<canvas id="canvas"></canvas>
JavaScript
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();
结果
规范
Specification |
---|
HTML Standard # dom-context-2d-getlinedash-dev |
浏览器兼容性
BCD tables only load in the browser