- 博客(16)
- 收藏
- 关注
原创 HTML5 Canvas 绘制图像
Canvas vs. SVGCanvascanvas通过JavaScript来绘制2D图像、逐像素进行渲染。如果位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图像覆盖的对象依赖分辨率不支持时间处理器能够以.png或.jpg格式保存结果图像最适合图像密集型的游戏,其中的许多对象会被频繁重绘SVGSVG是一种使用XML描述2D图像的语言SVG基于XML,
2016-05-31 11:28:10 531
原创 html5 canvas element
标签定义图形,比如图表和其他图像。只有两个属性--width和height(初始化width:300px;height:150px;)标签只是图形的容器,必须通过脚本来描述。通过多种方法使用Canvas回执路径、盒、圆、字符以及添加图像有两种方式设置样式一:通过style二:通过JavaScriptCanvasRenderingContext2D接口提供的2D渲染上下文
2016-05-31 09:00:30 1216
原创 window.onload
关于JavaScript程序读取HTML程序的节点,可以通过:1、将代码移到网页元素之后 var obj=document.getElementById("content");2、将代码写入的onLoad触发事件中 function init(){ var obj=document.getElementById("content");} he
2016-05-25 14:55:25 388
原创 note:inserNode()、compareBoundaryPoint()
insertNode() 把指定的节点插入文档范围的开始点range对象的insertNode()方法,用于指定节点插入某个range对象所代表的区域中,插入位置为range对标所代表区域的起点位置,如果该点已经存在了页面当中,那该节点被移动到range对象所代表的起点处语法:insertNode(newNode) function onMouseUp(){ var btn
2016-05-24 16:15:10 383
原创 note:cloneContents、extractContents、cloneRange()
cloneRange() 创建一个新的range对象,表示与当前的range对象想通的文档区域。range对象的cloneRange()方法是用于当前的range对象进行复制,该方法返回当前range的对象语法:cloneRange() function cloneRange(){ var rangeObj = document.createRange();
2016-05-24 13:57:31 891
原创 note:setStartBefore SetStartAfter SetEndBefore SetEndAfter
setStart() 把该范围的开始点设置为指定的节点中的指定偏移量range对象的setStart()用于将某个节点中的某处位置指定range对象所代表区域的起点位置,它的使用方法是通过range对象调用当前方法的使用方法:setStart(refNode,offset) (offset 新开始点在refNode中的位置)setEnd()把该范围的结束点位置指定的节点和偏移量
2016-05-24 10:09:26 1538
原创 selectNode、selectNodeContents 区别
SelectNode()range对象的SelectNode将用于range对象起点指定于某个节点的起点,将range对象的终点指定于该对象的终点,使range对象所代表的区域中包含该节点,该方法并不把该节点设为高亮选取状态。**设置该方位的边界点,使它包含指定节点和它所有子孙节点语法:selectNode(refNode)SelectNodeContents()r
2016-05-24 09:06:04 7132 1
原创 XML DOM - Range Object
Range 对象表示文档中的连续范围,如用户在浏览器窗口中用鼠标拖动选中的区域。如果一个实现支持Range模块,那么Document对象就定义了了createRange(),调用它可以创建新的Range对象。*IE定义了不兼容的Document.createRange()方法,它返回的对象与Range相似,但不兼容。Range接口为指定文档“选中”的区域定义了大量的方法,此外还有几个方
2016-05-23 14:56:39 321
转载 Video element
Playing Videos in HTMLBefore HTML5,there was no standard for showing videos on a web page.Before HTML5,videos could only be played with a plug-in(like flash).The HTML5 element specifies a stand
2016-05-23 08:50:05 1496
原创 Block-level elments & Inline-level elements
Block-level elements ~ HTML5: article> < canvas> Inline-level elements etc.
2016-05-20 11:28:20 370
原创 figure & figcaption 、details & summary 、 mark
Use a element to mark up a photo in a document:Use a element to mark up a photo in a document. The element also contains a caption:Definition and Usage The tag specifies self
2016-05-20 10:00:37 314
原创 change background
(1)input Type:colorThe is used for input fields that should contain a color.Depending on browser support, a color picker can show up in the input field.(2)button change background
2016-05-19 15:09:02 591
原创 HTML5中input元素种类
增加与改良的input元素url类型、email类型、date类型、time类型、datetime类型、datetime-local类型、month类型、week类型、number类型、range类型、search类型、tel类型、color类型表单验证
2016-05-16 09:11:43 644
原创 表单新增元素与属性
标签的control属性在html中,可以在标签内放置一个表单元素,并且通过该标签的control属性来访问该表单元素。文半框的placeholder属性placeholder是指文本框处于未输入状态时显示输入提示。当文本框处于为输入状态且未获取光标焦点时,模糊显示输入提示文字。文半框的list属性在HTML5中,为单行文半框增加一个list属性,该属性的值
2016-05-14 13:52:39 398
原创 HTML5表单新增元素与属性
在HTML4中,表单内的从属元素必须书写在 表单内部,而在HTML5中,可以把它们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单以前 现在(1)表单内元素的formaction属性在HTML4中,一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面,而在HTML5中可以为所有的提交按钮,增加不同
2016-05-14 09:27:15 796
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人