[踏得网]HTML5在线教程阅读进度记录

2021-09-03 17:29:45

2017年1月3日17:10:11http://techbrood.com/h5b2a?p=html-canvas-shapes(绘制圆形那块数学不好比较难懂,多看多思考就明白了)

本章总结：

Canvas中的角度是以弧度而不是角度为单位的。

360度(一个完整的圆)是2π(pi的2倍)弧度,π(一个pi)的弧度是180度。

角度转换弧度的公式：

　　　　var degrees = 1; // 1 度

var radians = degrees * (Math.PI / 180); // 0.0175 弧度

context.arc(230, 90, 50, 0, Math.PI, false); // 从角度0的弧度开始到180度的弧度，结果画出一个半圆,最后一个boolean参数表示是否逆时针绘制,true为逆时针

下面补充一些关于圆的数学知识：

一π等于180度
两π等于360度,也就是一个圆周
用π来表示的角度叫做弧度,单位是1
1弧度就等于180度除以π约等于57.3度
1度就等于π除以180约等于0.01745

2017年1月3日16:27:52http://techbrood.com/h5b2a?p=js-css-dom(javascript入门结束,css及其他部分略过,以后有空再读,下面阅读html5进阶)

2017年1月3日11:47:19http://techbrood.com/h5b2a?p=html-forms(已读,后面的其他内容暂时跳过,已经完成HTML基础知识和HTML文档内容下面开始读JavaScript基础知识之后开始HTML5进阶)

码农公寓