Hello I was hoping somone could help me with this code. I need the circle to be blue and also with no black outline while keeping the toledo text as is. could someone help please? Your browser does not support the HTML5 canvas tag.
Hello I was hoping somone could help me with this code. I need the circle to be blue and also with no black outline while keeping the toledo text as is. could someone help please?
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<canvas id="myCanvas" width="400" height="150" style="border:1px solid green;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.fillStyle = "red";
ctx.fillText("Toledo", 20, 60);
ctx.beginPath();
ctx.arc(250, 70, 50, 0, 2 * Math.PI);
ctx.fillStroke = "blue";
ctx.fill();
ctx.stroke();
</script>
</body>
</html>
Step by step
Solved in 4 steps with 2 images
