老师,请检查

老师,请检查

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvasL</title>

    <style>

        canvas{background-color:lightblue;}

    </style>

</head>

<body>

    <canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>

    <script>

      // 在此处写出代码

      var canvas=document.getElementById('canvas');

      var cvs=canvas.getContext('2d');

      cvs.translate(200,300);

      cvs.rotate(Math.PI/3);

      cvs.scale(0.5,0.5);

      cvs.strokeRect(100,100,200,300); 

    </script>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你你好,针对你的问题如下解答:通过“图像的圆点通过平移的方法显示在(200,300)处 绘制的图形是一个宽200,高300,原点在(100,100)的黄色矩形”可提取如下有效信息:

(1)图像是一个黄色矩形。

(2)图像的宽高是(300,300)。

(3)图像的原点在(100,100)。

(4)图像通过平移后,显示在坐标的(200,300)处。

如果我的回答帮助到了你, 欢迎采纳,祝学习愉快~~~

好帮手慕码 2019-12-18 13:59:51

同学你好,效果不太符合要求。原点在(100,100)的位置,translate是移动的距离,所以要移动(100,200)才能到200,300的位置,修改如下:

http://img1.sycdn.imooc.com//climg/5df9bfc609b1be9303190048.jpg

另,根据要求,需要填充背景颜色:

http://img1.sycdn.imooc.com//climg/5df9bfde09035a0f04100083.jpg

效果:

http://img1.sycdn.imooc.com//climg/5df9bff5094d567006200621.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕尼黑5122342 #1
    图像的圆点通过平移的方法显示在(200,300)处 绘制的图形是一个宽200,高300,原点在(100,100)的黄色矩形 这两句话是什么意思?
    2019-12-19 20:32:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师