Метод beginPath() canvas HTML
Определение и использование
beginPath()
Метод начинается с траектории или сбрасывает текущую траекторию.
Совет:Используйте эти методы для создания траектории: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() и arc().
Совет:Используйте stroke() Метод рисует точную траекторию на канвасе.
Пример
Нарисуйте две траектории на канвасе; красный и синий:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // Полоса красного цвета ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // Произвести рисование ctx.beginPath(); ctx.strokeStyle="blue"; // Полоса蓝色 ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // Произвести рисование
Синтаксис
context.beginPath();
Поддержка браузеров
Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Примечание:Интернет-Explorer 8 и более ранние версии не поддерживают элемент <canvas>.