一段html5 画布 显示文字效果的代码 帮忙查下错谢谢
代码显示不出效果<html><head></head><body><canvasid="mc"width="600"height="280"style="border:1...
代码显示不出效果
<html>
<head>
</head>
<body>
<canvas id="mc" width="600" height="280"
style="border:1px solid black"></canvas>
<script type="text/javascript">
var canvas = document.getElementById('mc');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#00f';
ctx.font = 'italic 50px 隶书';
ctx.textBaseline = 'top';
//填充字符串
ctx.fillText('疯狂Java讲义'，0，0)；
ctx.strokeStyle='#f0f';
ctx.font = 'bold 45px 宋体';
//绘制字符串的边框
ctx.strokeText('轻量级 Java EE 企业应用实战‘，0，50);
</script>
</body>
</html> 展开
<html>
<head>
</head>
<body>
<canvas id="mc" width="600" height="280"
style="border:1px solid black"></canvas>
<script type="text/javascript">
var canvas = document.getElementById('mc');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#00f';
ctx.font = 'italic 50px 隶书';
ctx.textBaseline = 'top';
//填充字符串
ctx.fillText('疯狂Java讲义'，0，0)；
ctx.strokeStyle='#f0f';
ctx.font = 'bold 45px 宋体';
//绘制字符串的边框
ctx.strokeText('轻量级 Java EE 企业应用实战‘，0，50);
</script>
</body>
</html> 展开
1个回答
展开全部
3个问题，其中2个为严重问题，一个为警告问题
ctx.fillText('疯狂Java讲义'，0，0)；
ctx.strokeText('轻量级 Java EE 企业应用实战‘，0，50);
以上两句将中文的全角标点改为英文半角标点
第3个问题，在Head中添加<meta charset="utf-8">否则浏览器可能会出现乱码,这取决于你的服务器默认编码
ctx.fillText('疯狂Java讲义'，0，0)；
ctx.strokeText('轻量级 Java EE 企业应用实战‘，0，50);
以上两句将中文的全角标点改为英文半角标点
第3个问题，在Head中添加<meta charset="utf-8">否则浏览器可能会出现乱码,这取决于你的服务器默认编码
追问
你说的都很对
请问你用的是什么查错工具
回答有加分哦
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
