喵喵喵

世界那么大,我想出去浪浪

XML 学习

XML --- 传输和存储数据          HTML--- 显示数据 XML 指可扩展标记语言,很类似HTML,设计宗旨是传输数据,而非显示数据。没有预定义,需要自行定义标签,具有自我描述性。 没有任何行为的XML,XML是不作为的。XML被设计用来结构化、存储及传输信息。 XML 仅仅是纯...

2017-01-10 15:46:30

阅读数:81

评论数:0

Global attributes

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes http://www.w3school.com.cn/html5/html5_ref_globalattributes.asp 参考网站

2016-10-17 17:09:17

阅读数:154

评论数:0

向量在HTML5游戏开发中的应用

**CSS/位图的屏幕坐标系统,即左上角为原点、x轴沿右侧增加、y轴沿下方增加(亦称做笛卡尔坐标系) 向量运算   把一些有用的运算应用于向量 加法和减法 通过加减向量的x、y坐标来实现向量的相加或相减。一个向量和自己相加可以使它的长度扩大两倍,一个向量减掉它自己会得到零向量。   如:...

2016-06-28 20:09:22

阅读数:201

评论数:0

canvas animation

动画的基本步骤: 1. 清空canvas(clearRect方法) 2. 保存canvas状态 3. animated shapes(绘制动画图形) 4. 恢复canvas状态 Controlling an animation Shapes are drawn to the canvas by...

2016-06-28 14:40:32

阅读数:116

评论数:0

响应式布局

1、CSS中的Media Query(媒介查询)       设备宽高:device-width, device-height       渲染窗口的宽和高: width, height       设备的手持方向:orientation        设备分辨率:resolution ...

2016-06-15 21:54:42

阅读数:73

评论数:0

HTML5 应用缓存与Web Workers

1、什么是应用缓存:       HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在么有因特网链接时进行访问 2、应用缓存的又是:       · 连线浏览 - 用户可在应用离线时使用它们        · 速度 - 已缓存资源加载得更快        · 减少服务器负载...

2016-06-15 14:39:06

阅读数:88

评论数:0

HTML5 SVG

1、什么事SVG SVG是指可伸缩矢量图形(Scalable Vector Graphics)SVG用来定义用于网络的基于矢量的图形SVG使用XML格式定义图形SVG图像在放大或改变尺寸的情况下其图形质量不会有损失SVG是万维网联盟的标准 2、SVG的优势 SVG图像可通...

2016-06-13 21:23:15

阅读数:185

评论数:0

Canvas Transformation

Saving and restoring state canvas的状态就是当前画面应用的所有样式和形变的一个快照。save and restore方法是用来保存和回复canvas状态的,都没有参数。 Canvas states are stored on a stack,Every time...

2016-06-13 05:35:11

阅读数:94

评论数:0

CanvasImageSource

CanvasImageSource是一个辅助类型,它不是一个接口,也没有对象实现它,描述下面类型的任何一个对象 HTMLImageElement,HTMLVideoElement,HTMLCanvasElement,CanvasRenderingContext2D或ImageBitmap Canv...

2016-06-12 14:33:57

阅读数:250

评论数:0

canvas text

阴影 shadows shadowOffsetX = float  用于设定阴影在X和Y轴的延伸距离,负值表示阴影会向上或左延伸,正值则表示会向下或右延伸,默认值为0 shadowOffsetY = float 同上 shadowBlur = float 用于设定阴影的模糊成都,其数值并不跟像素数...

2016-06-07 20:41:06

阅读数:262

评论数:0

HTML5 canvas Color,Text,setLineDash,lineDashOffset

fillStyle = color 设置图形的填充颜色 for( var i = 0 ; i <=7; i++){ for ( var j=0; j<=7; j++){ ctx.fillStyle='rgba(' ...

2016-06-03 14:01:34

阅读数:1486

评论数:1

HTML5 Canvas 绘制图像

Canvas vs. SVG Canvas canvas通过JavaScript来绘制2D图像、逐像素进行渲染。如果位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图像覆盖的对象依赖分辨率不支持时间处理器能够以.png或.jpg格式保存结果图像最适合图像密集型的游戏,其中的许多对象会...

2016-05-31 11:28:10

阅读数:256

评论数:0

html5 canvas element

标签定义图形,比如图表和其他图像。只有两个属性--width和height(初始化width:300px;height:150px;) 标签只是图形的容器,必须通过脚本来描述。 通过多种方法使用Canvas回执路径、盒、圆、字符以及添加图像 有两种方式设置样式 一:通过style 二:通过Jav...

2016-05-31 09:00:30

阅读数:306

评论数:0

note:inserNode()、compareBoundaryPoint()

insertNode() 把指定的节点插入文档范围的开始点 range对象的insertNode()方法,用于指定节点插入某个range对象所代表的区域中,插入位置为range对标所代表区域的起点位置,如果该点已经存在了页面当中,那该节点被移动到range对象所代表的起点处 语法:insertNo...

2016-05-24 16:15:10

阅读数:165

评论数:0

note:cloneContents、extractContents、cloneRange()

cloneRange() 创建一个新的range对象,表示与当前的range对象想通的文档区域。 range对象的cloneRange()方法是用于当前的range对象进行复制,该方法返回当前range的对象 语法:cloneRange() function cloneRange(){ ...

2016-05-24 13:57:31

阅读数:196

评论数:0

note:setStartBefore SetStartAfter SetEndBefore SetEndAfter

setStart() 把该范围的开始点设置为指定的节点中的指定偏移量 range对象的setStart()用于将某个节点中的某处位置指定range对象所代表区域的起点位置,它的使用方法是通过range对象调用当前方法的使用 方法:setStart(refNode,offset)  (offse...

2016-05-24 10:09:26

阅读数:654

评论数:0

selectNode、selectNodeContents 区别

SelectNode() range对象的SelectNode将用于range对象起点指定于某个节点的起点,将range对象的终点指定于该对象的终点,使range对象所代表的区域中包含该节点,该方法并不把该节点设为高亮选取状态。 **设置该方位的边界点,使它包含指定节点和它所有子孙节点 语法...

2016-05-24 09:06:04

阅读数:2004

评论数:1

XML DOM - Range Object

Range 对象表示文档中的连续范围,如用户在浏览器窗口中用鼠标拖动选中的区域。 如果一个实现支持Range模块,那么Document对象就定义了了createRange(),调用它可以创建新的Range对象。 *IE定义了不兼容的Document.createRange()方法,它返回的对象...

2016-05-23 14:56:39

阅读数:188

评论数:0

Video element

Playing Videos in HTML Before HTML5,there was no standard for showing videos on a web page. Before HTML5,videos could only be played with a plug-in...

2016-05-23 08:50:05

阅读数:404

评论数:0

Block-level elments & Inline-level elements

Block-level elements ~ HTML5:   article>  < canvas>     Inline-level elements  etc.

2016-05-20 11:28:20

阅读数:228

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭