CanvasRenderingContext2D.stroke()
CanvasRenderingContext2D.stroke()
是 Canvas 2D API 使用非零环绕规则,根据当前的画线样式,绘制当前或已经存在的路径的方法。
语法
void ctx.stroke(); void ctx.stroke(path);
Parameters
path
-
绘制的路径
Path2D
。
示例
一个简单的矩形轮廓线
这是一段简单的代码片段,使用 stroke
方法绘制一条路径。
HTML
<canvas id="canvas"></canvas>
JavaScript
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
ctx.rect(10, 10, 150, 100);
ctx.stroke();
结果
规范
Specification |
---|
HTML Standard # dom-context-2d-stroke-dev |
浏览器兼容性
BCD tables only load in the browser
参见
- 接口定义,
CanvasRenderingContext2D
.