为什么出不来strokeText的内容呢？控制台也没有报错

源自：7-1 文字渲染基础

为什么出不来strokeText的内容呢？控制台也没有报错

<!DOCTYPE HTML>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   <title>二次贝塞尔曲线</title>
</head>
<style>
   .canvas{
       border:1px solid #000;
       display:block;
       margin:0 auto;
       /*width:100%;
       height: 500px;*/
   }
</style>
<body>
   <canvas id='canvas'>
       浏览器不支持canvas
   </canvas>
</body>
<script>

   window.onload=function(){
       var canvas=document.getElementById("canvas");
       canvas.width=800;
       canvas.height=800;
       var context = canvas.getContext('2d');
       context.font='bold 40px Arial';
       context.fillStyle='#058';
       context.fillText('canvas文字渲染欢迎您',40,100);

       context.lineWidth=1;
       context.strokeStyle='#058';
       context.strokeText=('canvas文字渲染欢迎您',40,200);
   }
</script>
</html>

提问者：qq_你的肩膀我的远方_0 2016-03-23 09:47

个回答

灯元

2016-07-15 08:09:22

context.font='bold 40px Arial';
应该是context.font="40px bold Arial";老师写错误！

0
qq_你的肩膀我的远方_0

2016-03-23 10:26:48

context.strokeText=('canvas文字渲染欢迎您',40,200);没有=号

0