[东北师范大学]独具慧眼-HTML5开发基础与应用（资料）

奥鹏在线作业 · 发表于 2019-10-14 17:59:18

同学，你好！经过10周的学习，你已经不再是个前端小白了，现在这里有2个任务，请你任选一个完成。如果你感兴趣，也可以两个都完成哦，来证明你的实力吧。请注意，在老师批阅前，你可以多次提交，一旦老师批阅就不能再提交啦！请慎重提交哦。提交任务后请到课程问答栏目，找一下老师发的关于这个活动的主题帖，按老师的要求至少回复一个帖子，回帖也计入总成绩哦。
任务一：
问题：丁小满同学为了实现下图的效果，写了一组编写代码，但是这组代码在运行中出现了问题，导致他并不能得到下图的效果。怎么办呢？请你帮帮他吧~~
任务：请你帮丁小满同学找到这组代码中的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("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>

apple21 · 发表于 2019-10-14 18:00:38

下载一份试试！

c25bjcg004 · 发表于 2019-10-14 18:57:08

哈哈，爽！

		自动登录	找回密码
密码			会员注册

VIP会员，3年作业免费下！	奥鹏作业，奥鹏毕业论文检测	新手作业下载教程，充值问题	没有找到答案，请在此处留言！
2022年5月最新全国统考资料	投诉建议，加盟合作！		奥鹏课程积分软件(2021年最新)