张老师 发表于 2019-8-5 19:49:01

东师19春HTML5开发基础与应用-独具慧眼

同学,你好!经过10周的学习,你已经不再是个前端小白了,现在这里有2个任务,请你任选一个完成。如果你感兴趣,也可以两个都完成哦,来证明你的实力吧。请注意,在老师批阅前,你可以多次提交,一旦老师批阅就不能再提交啦!请慎重提交哦。提交任务后请到课程问答栏目,找一下老师发的关于这个活动的主题帖,按老师的要求至少回复一个帖子,回帖也计入总成绩哦。任务一:问题:丁小满同学为了实现下图的效果,写了一组编写代码,但是这组代码在运行中出现了问题,导致他并不能得到下图的效果。怎么办呢?请你帮帮他吧~~任务:请你帮丁小满同学找到这组代码中的bug并修改过来,实现如下图的效果。一个人奋战总是孤独的,你可以使用求助卡和军师卡求助卡:到微信群内找伙伴寻求帮助,问问大家是怎么解决的。军师卡:到平台问答区发求助给辅导老师,请军师给你指点迷津。file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image002.png丁小满写的代码:<!DOCTYPE HTML><html><body> <canvas id="myCanvas" width="200"height="100" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.<canvas> <script type="text/javascript"> var c=document.getElementById("myCanvas");var cxt=c.getContext("2");cxt.fillStyle="#FF0000";cxt.beginPath();cxt.arc(70,18,15,0,Math.PI*2,true);cxt.closePath();cxt.fill(); </script> </body></html> 任务二:问题:前端实习无忧姐杜小美,想要实现下图效果。她写了一组编写代码如下,但是这组代码在运行中出现了问题,请你帮帮这位无忧姐吧~任务:请你帮杜小美同学找到这组代码中的bug并修改过来,实现如下图的效果。怎么可以让无忧姐伤心,你一定要帮助她哦,如果你也遇到了问题,我们给你提供了求助卡和军师卡求助卡:到微信群内找伙伴寻求帮助,问问大家是怎么解决的。军师卡:到平台问答区向辅导老师求助,请军师给你指点迷津。
杜小美同学写的代码:<!DOCTYPE HTML><html><body> <canvas id="myCanvas" width="200"height="100" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas> <script type=text/javascript> var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");var grd=cxt.createLinearGradient(0,0,175,50);grd.addColorStop(0,"FF0000");grd.addColorStop(1,"00FF00");cxt.fillStyle=grd;cxt.fillRect(0,0,175,50); <script> </body></html>
页: [1]
查看完整版本: 东师19春HTML5开发基础与应用-独具慧眼