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

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

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

qq_你的肩膀我的远方_0

2016-03-23 09:47

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

写回答关注

2回答

灯元

2016-07-15 08:09:22

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

0 0
qq_你的肩膀我的远方_0

2016-03-23 10:26:48

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

0 0

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口，让同学彻底掌握Canvas绘图

72881 学习 · 422 问题

查看课程

相似问题

为什么出不来结果，控制台也没有报错呢？？？？？？？

回答 4

为什么我的五角星没有画出来，全黑了呢？

回答 3

我就纳闷了，没有stroke(），怎么绘制出来的？？

回答 2

为什么报pi未定义的错误呢？

回答 3

为什么我只画出来三个点呢。。

回答 1

打开慕课网App查看更多内容