《Web交互开发》实验教学指导/实验八:绘图 图8-4风车效果 (2)完成下述任务。 任务一:代码 cxt clearrect00, WINDOW WIDTH WINDOW HEIGHT),是什么意思(3分) 任务二:代码 cxt rotate( num*Math. P80)是什么意思?(3分) 任务三:风车旋转的速度是多少?(2分) 任务四:风车弧度半径是多少。(2分) 要求 请将完成上述任务的步骤,填写到实验报告册中。 2、图文混排 (1)使用 canvas实现图文混排,效果如图8-5所示 小朋友观看长颈鹿 大家很开心! 图8-5图文混排 (2)完成下述任务。 任务一:编写代码实现图片的绘制。(5分) 任务二:编写代码实现文字的绘制。(5分) 七、思考及问答(20分) 1、属性 linejoin的作用是什么,可以带有的属性值分别是什么?(5分) 本讲共计6页当前第5页《Web 交互开发》实验教学指导 / 实验八 ：绘图 本讲共计 6 页 | 当前第 5 页 （2）完成下述任务。 任务一：代码 cxt.clearRect(0,0,WINDOW_WIDTH,WINDOW_HEIGHT);是什么意思（3 分） 任务二：代码 cxt.rotate(num*Math.PI/180)是什么意思？（3 分） 任务三：风车旋转的速度是多少？（2 分） 任务四：风车弧度半径是多少。（2 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中。 2、图文混排 （1）使用 canvas 实现图文混排，效果如图 8-5 所示。 （2）完成下述任务。 任务一：编写代码实现图片的绘制。（5 分） 任务二：编写代码实现文字的绘制。（5 分） 七、思考及问答（20 分） 1、属性 lineJoin 的作用是什么，可以带有的属性值分别是什么？（5 分） 图 8-4 风车效果 图 8-5 图文混排