node.js与js的关系andCanvas颜色、样式和阴影
将JavaScript和java作类比
JavaScript和java都是一门编程语言，至于两者的关系，是雷锋和雷峰塔的关系 V8是google开源的JavaScript引擎，用于执行JavaScript，类似JVM执行java字节码。在node.js诞生之前，V8是内置于Chromium中的，现在也内置于node.js中 node.js=V8+内置基本模块（大多用JavaScript编写），类似JRE=JVM+java标准库 node.js诞生之前，JavaScript只能运行于浏览器，现在也可以在服务器端运行于node.js
JVM：JVM是JavaVirtualMachine(Java虚拟机）的缩写。它是java运行环境的一部分，是一个虚构出来的计算机，它是通过在实际的计算机上仿真模拟各种计算机功能来实现的。JVM是用来解析和运行Java程序的
js与node.js的区别
1、node.js是平台，Js是编程语言；
2、js是客户端编程语言，需要浏览器的JavaScript解释器进行解释执行；
3、node.js是一个基于Chrome JavaScript运行时建立的平台，它是对Google V8引擎进行了封装的运行环境；
4、node.js就是把浏览器的解释器封装起来作为服务器运行平台，用类似JavaScript的结构语法进行编程，在node.js上运行。
浏览器端和服务器端JavaScript组成区别
JavaScript： ECMAScript（语言基础，如：语法、数据类型结构以及一些内置对象） DOM（一些操作页面元素的方法） BOM（一些操作浏览器的方法） Node.js： ECMAScript（语言基础，如：语法、数据类型结构以及一些内置对象） OS（操作系统） file（文件系统） net（网络系统） database（数据库）
顶层对象不同 在JS中的顶层对象是window对象，但是在node中没有什么window对象，node中的顶层对象是global对象。这就是二者的差异性。 在window对象中，定义一个全局变量是可以通过Window来访问的，但是在node中是不能通过global对象来访问的
js与node.js优缺点
1.原生js运行文件依赖于浏览器； 2.node.js运行文件的时候服务为终端； 3.原生js有兼容性问题，node.js不存在兼容性问题； 4.node.js可以进行本地的读写，服务器搭建，连接数据库等，而原生js无法做到。 node.js的优点：在项目中相当于中间层的使用 node.js类比Java中：JVM
Canvas颜色、样式和阴影
绘制图形
canvas fillRect() 方法 context.fillRect( x , y , width , height ); 默认的填充颜色是黑色 X:矩形左上角的 x 坐标 Y:矩形左上角的 y 坐标 Width:矩形的宽度，以像素计 Height:矩形的高度，以像素计
canvas strokeRect()方法 绘制矩形（不填色） context. strokeRect( x , y , width , height ); 默认的笔触颜色是黑色 X:矩形左上角的 x 坐标 Y:矩形左上角的 y 坐标 Width:矩形的宽度，以像素计 Height:矩形的高度，以像素计
Canvas的属性
颜色、样式
context.fillStyle=“ color | gradient | pattern”; Color:指示绘图填充色的 CSS 颜色值。默认值是 #000000（黑色） Gradient:用于填充绘图的渐变对象（线性或放射性） Pattern:用于填充绘图的 pattern 对象
context.strokeStyle=color | gradient | pattern”;返回用于笔触的颜色、渐变或模式。 Color:指示绘图笔触颜色的 CSS 颜色值。默认值是 #000000（黑色） Gradient:用于填充绘图的渐变对象（线性或放射性） Pattern:用于pattern笔触的 pattern 对象
阴影
context.shadowColor=color; 返回用于阴影的颜色 默认值是 #000000 shadowColor 属性与 shadowBlur 属性一起使用，来创建阴影 context.shadowBlur=number; Number：阴影的模糊级数
通过使用 shadowOffsetX 和 shadowOffsetY 属性来调节阴影效果
context.shadowOffsetX=number; 正值或负值，定义阴影与形状的水平距离 context.shadowOffsetY=number; 正值或负值，定义阴影与形状的垂直距离。
颜色、样式和阴影的构造方法
createLinearGradient() 方法创建线性的渐变对象 context.createLinearGradient( x0 , y0 , x1 , y1 ); X0 ： 渐变开始点的 x 坐标 Y0 : 渐变开始点的 y 坐标 X1 : 渐变结束点的 x 坐标 Y1 : 渐变结束点的 y 坐标
使用 addColorStop() 方法配合规定不同的颜色显示
addColorStop() 方法规定 gradient 对象中的颜色和位置 gradient.addColorStop(stop,color); Stop : 介于 0.0 与 1.0 之间的值，表示渐变中开始与结束之间的位置。 Color : 在结束位置显示的 CSS 颜色值
canvas createRadialGradient() 方法创建 放射状 / 圆形 渐变对象。 context.createRadialGradient(x0,y0,r0,x1,y1,r1); X0 : 渐变的开始圆的 x 坐标 Y0 : 渐变的开始圆的 y 坐标 R0 : 开始圆的半径 X1 : 渐变的结束圆的 x 坐标 Y1 : 渐变的结束圆的 y 坐标 R1 : 结束圆的半径
createPattern() 方法在指定的方向内重复指定的元素 元素可以是图片、视频，或者其他 <canvas> 元素 context.createPattern(“ image , repeat |，repeat-x |， repeat-y |， no-repeat"); Image : 规定要使用的图片、画布或视频元素。 Repeat : 默认。该模式在水平和垂直方向重复。 repeat-x : 该模式只在水平方向重复。 repeat-y : 该模式只在垂直方向重复。 no-repeat : 该模式只显示一次（不重复）
