代码显示不出效果
<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">å¦åæµè§å¨å¯è½ä¼åºç°ä¹±ç ,è¿åå³äºä½ çæå¡å¨é»è®¤ç¼ç 追é®
ctx.fillText('ç¯çJava讲ä¹'ï¼0ï¼0)ï¼
ctx.strokeText('è½»é级 Java EE ä¼ä¸åºç¨å®æâï¼0ï¼50);
以ä¸ä¸¤å¥å°ä¸æçå ¨è§æ ç¹æ¹ä¸ºè±æåè§æ ç¹
第3个é®é¢ï¼å¨Headä¸æ·»å <meta charset="utf-8">å¦åæµè§å¨å¯è½ä¼åºç°ä¹±ç ,è¿åå³äºä½ çæå¡å¨é»è®¤ç¼ç 追é®
ä½ è¯´çé½å¾å¯¹
请é®ä½ ç¨çæ¯ä»ä¹æ¥éå·¥å
·
åçæå åå¦
温馨提示:答案为网友推荐,仅供参考