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

发布网友

我来回答

2个回答

热心网友

按理说是不应该的,因为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>

热心网友

用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);
然而还是没用。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com