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