I am a teacher!

导航

2020年6月25日 #

JavaScript图形实例：太极图

摘要： 在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法，其基本格式为： void arc(in float x, in float y, in float radius, in float startAngle, in float endAn 阅读全文

posted @ 2020-06-25 08:32 aTeacher 阅读(757) 评论(0) 推荐(0) 编辑

JavaScript图形实例：玩转正方形

摘要： 在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法： void rotate(in float angle); // 按给定的弧度顺时针旋转angle 利用rotate（）方法可以很方便地将绘制的图形旋转。下面我们通过对正方形进行旋转变 阅读全文

posted @ 2020-06-25 08:29 aTeacher 阅读(1502) 评论(0) 推荐(1) 编辑

JavaScript图形实例：模仿海龟作图

摘要： 海龟作图最初源自20世纪60年代的Logo编程语言。在海龟作图中，我们可以编写指令让一个虚拟的海龟在屏幕上来回移动。这个海龟带着一只钢笔，我们可以让海龟无论移动到哪都使用这只钢笔来绘制线条。通过编写代码，以各种很酷的模式移动海龟，我们可以绘制出令人惊奇的图片。 例如，让海龟从某个点开始，向前走100 阅读全文

posted @ 2020-06-25 08:21 aTeacher 阅读(814) 评论(0) 推荐(0) 编辑

JavaScript动画实例：转呀转

摘要： 在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法： void rotate(in float angle); // 按给定的弧度顺时针旋转angle rotate（）方法旋转的中心始终是canvas的原点。如果要改变旋转中心，需要使用 阅读全文

posted @ 2020-06-25 08:12 aTeacher 阅读(509) 评论(0) 推荐(0) 编辑

JavaScript图形实例：图形放大镜效果

摘要： 1. 基本四瓣花型图案 根据四瓣花卉线的参数方程： t= r*(1+sin(12*θ)/5)*(0.5+sin(4*θ)/2); x=t*cos(θ)); y=t*sin(θ)); 编写如下的HTML文件。 <!DOCTYPE html> <head> <title>基本的四瓣花型图案</title 阅读全文

posted @ 2020-06-25 08:06 aTeacher 阅读(361) 评论(0) 推荐(0) 编辑