如何用canvas写字使用规定字体
ctx.font="bold14px微软雅黑";这串代码在电脑上执行时，写的字的字体确实是微软雅黑但是在手机上的效果却不一样，比如你手机上默认是楷体，那么你在手机上显示的...
ctx.font="bold 14px 微软雅黑";
这串代码在电脑上执行时，写的字的字体确实是微软雅黑
但是在手机上的效果却不一样，
比如你手机上默认是楷体，那么你在手机上显示的字就是楷体的，
那么问题来了：
在不改变手机默认字体的情况下，如何使手机上显示也是微软雅黑？
在线等！急！！ 展开
这串代码在电脑上执行时，写的字的字体确实是微软雅黑
但是在手机上的效果却不一样，
比如你手机上默认是楷体，那么你在手机上显示的字就是楷体的，
那么问题来了：
在不改变手机默认字体的情况下，如何使手机上显示也是微软雅黑？
在线等！急！！ 展开
展开全部
按理说是不应该的，因为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>
更多追问追答
追问
我就是这么写的，但是没用啊，手机上没有这个字体，显示的就是手机上默认的字体。
追答
还有一种可能，手机是支持微软雅黑的，但是因为某种原因，你的网页在手机上出现乱码了。所以手机浏览器解读的“微软雅黑”四个字就是乱码，因此就显示不出来了。
解决办法就是给网页添加meta标签，设置编码为UTF-8
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
用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);
然而还是没用。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
