首页 >

用几何画板怎么做三角形的移动 – CSS – 前端,css媒体查询 手机端

css 圆,css arial字体,css 金色颜色值,css整个页面添加背景,css 超出的用…替换,css可以控制多个网页吗,css媒体查询 手机端用几何画板怎么做三角形的移动 - CSS - 前端,css媒体查询 手机端

几何画板作为动态几何工具,可以将图形实现动态演示,比如将其移动、翻折或旋转,下面具体说下做法。

三角形的移动动画制作方法如下:

例如要实现将△ABC沿DE方向进行平移,并制作成动画,具体的制作步骤如下:

步骤一 绘制△ABC和线段DE。打开几何画板,选择左侧侧边栏“多边形工具”,在画板空白区域绘制△ABC;选择左侧侧边栏“线段工具”,在画板上任意画一条线段DE。

步骤二 用移动工具选中线段DE,鼠标点击上方菜单栏“构造”菜单,在其下拉菜单选择“线段上的点”命令,构造线段上的一点,记为F。依次选中点D、F,单击上方菜单栏“构造”菜单,在其下拉菜单选择“线段”命令,构造线段DF。

步骤三 标记向量。选择移动工具,用鼠标依次点击D、F,单击上方菜单栏“变换”菜单,在其下拉选项选择“标记向量”命令。

步骤四 制作△ABC的平移动画。选中△ABC,单击上方菜单栏“变换”菜单,在其下拉选项选择“平移”命令,在弹出的对话框点击“平移”按钮,此时,△ABC的平移已经制作完成,只要拖动点F,△ABC的平移就展现出来。

步骤五 制作动画按扭。用移动工具选中点F,单击上方菜单栏“编辑”菜单,在其下拉选项选择“操作类按扭”——“动画”命令,在弹出的对话框点击确定按钮(这里可根据需要调整方向与速度)。这样将△ABC沿DE方向进行平移的动画便制作完成,点击画板左上角的“动画点”按钮即可动态演示。

向左转|向右转

三角形旋转动画制作方法如下:

步骤一 绘制三角形。选择左侧侧边栏“线段工具”,在画板上任意画一个三角形ABC。

步骤二 绘制圆。选择左侧工具栏“圆工具”在画板上任意画一个圆,圆心为O,并在圆上绘制两个点E、F,连接半径OE和OF。

步骤三 度量∠EOF的度数。选中半径线段OE、OF和圆心O,执行“度量”——“角度”命令,度量出∠EOF的度数。双击点C标记为旋转中心。右键度量的角度值,选择“标记角度”。

步骤四 构造旋转图形。框选三角形ABC,执行“变换”——“旋转”命令,在弹出的对话框点击角度度量值,点击“确定”,三角形就可以旋转。拖动点F,三角形随之旋转,此时三角形最多只能180度旋转。

步骤五 360度旋转图形。在“编辑”菜单中选择“预置”,在弹出的对话录,角度单位改为“方向度”,这样三角形ABC可以随点F旋转一周,实现360度旋转,这样就可以控制三角形按一定度数旋转。

以上教程索引自:http://www.jihehuaban.com.cn/shiyongjiqiao/sanjiaoxing-xuanzhuan.html,有什么不明白的可前往查看。

向左转|向右转

css 圆,css arial字体,css 金色颜色值,css整个页面添加背景,css 超出的用…替换,css可以控制多个网页吗,css媒体查询 手机端用几何画板怎么做三角形的移动 - CSS - 前端,css媒体查询 手机端


用几何画板怎么做三角形的移动 - CSS - 前端,css媒体查询 手机端
  • 如何改变标签 - CSS - 前端,css中如何去除间隙
  • 如何改变标签 - CSS - 前端,css中如何去除间隙 | 如何改变标签 - CSS - 前端,css中如何去除间隙 ...

    用几何画板怎么做三角形的移动 - CSS - 前端,css媒体查询 手机端
  • css选择器命名规范开头能大写吗,什么是CCS命名法 - CSS - 前端,css3 环形百分比
  • css选择器命名规范开头能大写吗,什么是CCS命名法 - CSS - 前端,css3 环形百分比 | css选择器命名规范开头能大写吗,什么是CCS命名法 - CSS - 前端,css3 环形百分比 ...

    用几何画板怎么做三角形的移动 - CSS - 前端,css媒体查询 手机端
  • css 表格单元格间距 |css多重边框
  • css 表格单元格间距 |css多重边框 | css 表格单元格间距 |css多重边框 ...