一段html5 画布 显示文字效果的代码 帮忙查下错谢谢

代码显示不出效果

<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>

3个问题,其中2个为严重问题,一个为警告问题
ctx.fillText('疯狂Java讲义',0,0);

ctx.strokeText('轻量级 Java EE 企业应用实战‘,0,50);

以上两句将中文的全角标点改为英文半角标点
第3个问题,在Head中添加<meta charset="utf-8">否则浏览器可能会出现乱码,这取决于你的服务器默认编码追问

你说的都很对

请问你用的是什么查错工具

回答有加分哦

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

大家正在搜

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网