JavaScript基础及画布

目录

一、JavaScript的组成

二、JavaScript的使用

1.页面中引入JavaScript

(1)行内式：写在标签的属性中

(2)页面嵌入式：通过标签在页面中嵌入js代码

(3)外部链接式--推荐

2.document

三、HTML5的绘图

1.创建画布

2.获取画布

3.获取画笔

4.绘制图形

(1)绘制直线

(2)重置路径:beginPath()

(3)关闭路径:closePath()

(4)路径填充：fill()

(5)绘制圆：arc(x,y,r,开始角,结束角,方向)

画布示例

画圆示例

四、JavaScript的开发工具

1.Visual Studio Code(vscode)

2.WebStorm

---

一、JavaScript的组成

ECMAScript	是Javascript的核心，主要规定JavaScript的基本语法。所有的浏览器厂商都会遵循这个语法(标准)
DOM	文档对象模型(Document Object Model)，是W3c组织提供的编程接口。用户可以通过DOM的接口去操作页面中的元素
BOM	浏览器对象模型(Browser Object Model),独立于内容,可以和浏览器进行交互的对象结构通过BOM可以直接对浏览器窗口进行操作

二、JavaScript的使用

JavaScript：是一个脚本语言(嵌入页面中,通过浏览器解析运行)

1.页面中引入JavaScript

(1)行内式：写在标签的属性中

(2)页面嵌入式：通过<script></script>标签在页面中嵌入js代码

<script type="text/javascript">   

       js代码

</script>

(3)外部链接式--推荐

• a.创建独立js文件：.js
• b.在页面中使用<script src="js文件名"></script>标签将外部的.js文件链接进来

2.document

文档对象，一个页面就是一个document，通过该对象可以获取页面中的任