Как я могу заполнить холст, кроме круга - PullRequest
0 голосов
/ 11 июня 2018

Я хочу заполнить холст черным цветом.Я использовал приведенный ниже код для заполнения холста.

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle='rgba(0,0,0,0.1)';
ctx.fillRect(0,0,c.width,c.height);

У меня есть требование, чтобы нарисовать круг на холсте.Я использовал приведенный ниже код для рисования круга.

ctx.lineWidth = 10;
ctx.strokeStyle='red';
ctx.arc(150,75,50,0,2*Math.PI,false);
ctx.stroke();

У меня есть видео-тег под элементом canvas.Я хочу отображать видео через круг.Я не хочу заполнять круг, потому что, если мы заполним круг, мы не сможем показать видео.Кроме круга я хочу заполнить.Я залил прозрачный цвет в круг, но он не показывает видео.Это показывает цвет, который заполнен на холсте.

Мое требование - показывать видео по кругу.

Пожалуйста, помогите мне, как мне этого добиться.

1 Ответ

0 голосов
/ 11 июня 2018

просто измените ctx.stroke() на ctx.fill(), подробности см. На этой странице: https://www.w3schools.com/tags/canvas_fill.asp

...