如何用canvas写字使用规定字体

发布网友发布时间：2022-04-22 14:39

共2个回答

热心网友时间：2022-04-20 00:27

按理说是不应该的，因为canvas展现的内容是一张图片，图片怎么可能随着手机浏览器的设置而变化呢？

我写了一个小例子，你自己对照一下。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>

<style type="text/css">
#canvas {
background: #222;
color:#fff;
}

</style>
<body>
<canvas width='300' height='200' id='canvas'></canvas>
</body>

<script type="text/javascript">
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.font="30px 微软雅黑";
ctx.fillStyle="#fff";
ctx.fillText("Hello World",56,90);
</script>
</html>

热心网友时间：2022-04-20 01:45

用css嵌入字体。具体自己百度。追问css代码：
@font-face {
font-family: "myname";
src: url("stars.ttf");
font-style: normal;
font-weight: normal;
}
js这么写：
ctx.font="bold 30px myname";
ctx.fillText(name,190,245);
然而还是没用。