Метод Canvas stroke()
Определение и использование
stroke()
методы фактически рисуют путь, определенный через moveTo() и lineTo() Метод определяет путь. По умолчанию цвет черный.
Совет:Используйте strokeStyle Используйте атрибут для рисования другого цвета/градиента.
Пример
Нарисуйте путь,形状是绿色的字母 L:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(20,20); ctx.lineTo(20,100); ctx.lineTo(70,100); ctx.strokeStyle="green"; ctx.stroke();
Грамматика
context.stroke();
Поддержка браузера
Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Комментарий:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.