Carolyn Shyne
Carolyn Shyne
Programming language:Whatever
2021-08-18 04:01:33
0
Q:

canvas font

user73344
user73344
Code: Whatever
2021-09-16 14:21:18 
<html>
  <head>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
  </head>
  <body>
    <p>to use external fonts you must have them linked to the dom</p>
    <canvas id="c" width="500" height="300"></canvas>
    <script>
    var c = document.getElementById("c");
    var ctx = c.getContext("2d");
    ctx.font = "40px Roboto";//notice that behind the px comes the font family name
    ctx.fillText("hello world",40,40);
    </script>
  </body>
</html>
1
Miki Z
Miki Z
Code: Whatever
2021-04-04 01:38:29 
ctx.font = "italic bold 30px Arial";
0

Related

New to Communities?

Join the community