HTML-doek beginPath() Metode
Voorbeeld
Teken twee paadjies op die doek; een groen en een pers:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineWidth = "5";
ctx.strokeStyle = "green"; // Green path
ctx.moveTo(0, 75);
ctx.lineTo(250, 75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle = "purple"; // Purple path
ctx.moveTo(50, 0);
ctx.lineTo(150, 130);
ctx.stroke(); // Draw it
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
Method | |||||
---|---|---|---|---|---|
beginPath() | Yes | 9.0 | Yes | Yes | Yes |
Definisie en gebruik
Die beginPath()-metode begin 'n pad, of stel die huidige pad terug.
Wenk: Gebruik moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo(), en arc(), om paaie te skep.
Wenk: Gebruik die stroke() metode om werklik die pad op die doek te teken.
JavaScript-sintaksis: | konteks .beginPath(); |
---|
❮ HTML-doekverwysing