- 博客(13)
- 收藏
- 关注
RSS订阅原创 HTML5 给图形绘制阴影
在 HTML5 中，我们除了上一节讲过的可以对图形设置平移、旋转、缩放，还可以给图形添加阴影效果。添加阴影的时候只需要利用图形上下文对象的几个关于阴影绘制的属性就可以实现啦。图形阴影绘制的属性属性描述shadowOffsetX阴影的横向位移量shadowOffsetY阴影的纵向位移量shadowBlur阴影的模糊范围shadowColor阴影的颜色shadowOffsetX 属性和 shadowOffsetY 属性分别用于设置阴影在 X 轴和 Y 轴的
2020-06-30 09:57:34
1156
原创 HTML5 Canvas属性和方法
上一节我们已经学会了如何创建 Canvas 画布，本节我们来学习有关于 Canvas 中的属性和方法的使用，通过这些属性和方法，我们可以绘制各种图形，例如线条、矩形、圆形、多边形等等。Canvas坐标上一节我们已经学习了如何创建画布，而要在画布上绘制图形首先我们得弄清楚画布中的坐标关系。Canvas画布中的左上角坐标为 (0,0) ，画布的 x 和 y 轴用于在画布上对绘画进行定位。如下图所示：绘制线条我们可以通过下面属性和方法来在 Canvas 画布中绘制线条：beginPath()：用
2020-06-28 09:56:38
1736
原创 HTML5 如何创建Canvas画布
本节我们来学习如何创建 Canvas 画布。 <canvas> 标签是 HTML5 中新增的标签，通过使用 JavaScript 中的脚本来绘制图形。在页面上放置一个 canvas 元素，就相当于在页面上放置了一块画布，canvas 元素拥有多种绘制矩形、圆形、字符、路径以及添加图像的方法。但是我们并不是使用鼠标在画布中画画的哟，其实 <canvas> 标签本身没有绘制图形的能力，它只是一个图形容器，要想在这个容器中绘制图形，则必须使用 JavaScript 脚本来完成。创建画布
2020-06-24 10:19:30
1770
原创 JavaScript 中常见HTML事件
HTML 事件就是发生在 HTML 元素上的事情，可以是浏览器行为，也可以是用户行为。我们可以使用 JavaScript 触发这个事件。下面是常用的HTML事件：onclick：用户点击 HTML 元素。onchange：HTML 元素改变onload：浏览器已完成页面的加载。onmouseover：用户在一个HTML元素上移动鼠标。onmouseout：用户从一个HTML元素上移开鼠标。onkeydown：用户按下键盘按键。onclick事件onclick 即点击事件，会在元素被点击
2020-06-22 09:53:07
1153
原创 数组的方法
上一节我们讲了数组的语法和使用，以及数组的遍历等，本节我们主要学习一下数组的常用方法。数组常用方法sort()：对数组的元素进行排序。reserse()：反转数组的元素排序。join()：将所有数组元素连接到一个字符串中。push()：将一个新元素添加到数组中（最后位置）。pop()：从数组中删除最后一个元素。shift()，删除第一个数组元素，并将所有其他元素移位到较低的索引。unshift()：将新元素添加到数组中（在开始处），并取消旧元素。splice()：用于向数组中添加新项目（
2020-06-19 09:49:16
197
原创 数组的介绍及使用
JavaScript 中的数组常用于在单个变量中存储多个值。数组就是一组数据的集合，在内存中表现为一段连续的内存地址(保存在堆内存)。创建数组的目的就是为了保存更多的数据。数组概念和语法概念：数组是一个特殊变量，一次可以容纳多个值。特点：有顺序，有长度。作用：使用单独的变量名来存储一系列的值。语法如下所示：var array_name = [item, item2, item3, ...];其中 array_name 就是数组名，其实就是变量名，而数组中的元素全部是包围在中括号 [] 内，元
2020-06-17 09:48:09
352
原创 break 和 continue语句
break 语句的使用break 语句可以用于跳出循环，可以用在 for 循环、while 循环、switch 循环中。当我们在一个循环中使用了break 语句，则会中断循环，但是仍会继续执行循环之后的代码哟。示例：例如下面代码实现了当循环条件小于5时，循环中断：<!DOCTYPE html><html><head><meta charset="utf-8"><title>JS_侠课岛(9xkd.com)</title>
2020-06-15 09:44:12
1168
原创 JavaScript中的while循环
在 JavaScript 语言中，当我们使用 while 循环时，只要指定条件为 true，循环就可以一直执行。并且只要条件一直满足，就可以实现一个无限循环，例如：while(true){ console.log("1");}执行这个循环，就会无止境的输出1。while 语法及其使用语法如下所示：while (condition) { // 要执行的代码块}condition 是循环的条件，只有当循环条件成立时，才会执行花括号 {} 中的代码，如果条件不成立则不会执行代
2020-06-12 10:06:30
1725
原创 JavaScript中的for循环
JavaScript 语言中的 for 循环用于多次执行代码块，它是 JavaScript 中最常用的一个循环工具，还可用于数组的遍历循环等。我们为什么要使用 for 循环呢？打个比方，例如我们想要控制台输出1到1000之间的所有数字，如果单写输出语句，要写1000句代码，但是如果使用 for 循环，几句代码就能实现。总之，使用 for 循环能够让我们写代码更方便快捷（当然啦，否则要它干嘛）。for 循环语法语法如下所示：for(变量初始化; 条件表达式; 变量更新) { // 条件表达式为tru
2020-06-10 09:58:16
1782
原创 JavaScript中的switch语句
JavaScript语言中的条件语句，除了if 语句，还有switch 语句。switch 常用于根据不同的条件执行不同的操作。虽然它和 if 语句都是用来判断条件的语句，但是它们之间还是有不同。switch的语法语法如下所示：switch(expression) { case 变量x: // 语句1代码块 case 变量y: // 语句2代码块 case 变量z: // 语句3代码块 break; default: // 代码块}语法解释：表达式值计算一次，然后我们依次将表达
2020-06-08 09:38:04
1020
原创 JavaScript中条件语句的使用
什么是条件语句JavaScript 语言中，条件语句（if 语句）常用于基于不同条件执行不同的动作。简单来讲就是判断给出的某个条件是否是正确的，如果条件正确要如何做，条件错误要如何做。举一个例子，例如现在有一个变量 age，给定一个条件语句为 “age是否大于18”，如果大于18 则可以玩游戏，否则不可以玩游戏。var age = 20;if(age > 18){ console.log("你可以玩游戏哟");}else{ console.log("未成年不可以玩游戏");}
2020-06-05 10:02:13
566
原创 JavaScript按位运算符
按位运算符将其操作数当做32位的比特序列（由0和1组成），而不是十进制、十六进制或八进制数值。我们主要了解的有七种，分别是：&、|、^、~、<<、>>、>>>。按位与运算符按位与 & 运算符，对两个 32 位表达式的每一位执行按位与运算。如果a 和 b 都为1 则结果为1，否则结果为0。aba & b000010100111示例：下面演示如何使用& 运算符：co
2020-06-03 09:48:38
304
原创 JavaScript逻辑运算符
JavaScript 中的逻辑运算符可用来确定变量或者是值之间的逻辑关系。通常用于布尔型值，会返回一个布尔值true 或 false。而 &&、|| 运算符能够使用非布尔值的操作数，此时会返回一个非布尔型值。布尔值在 JavaScript 中提供了一种布尔数据类型，只接受值 true 或 false。我们可以通过 Boolean() 函数来确定表达式（或变量）的值为 true 还是 false。示例：将下面代码在浏览器中执行，将弹出一个显示 true 的弹出层：alert(Bool
2020-06-01 09:54:01
3508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人