学习笔记：仅作参考 cc.ScaleTo.create(duration, sx, sy)duration持续时间sx 横坐标大小比例sy 纵坐标大小比例RotateTo：将 cc.Node 对象旋转到一个特定的角度。 RotateBy：将 cc.Node 对象旋转一个特定的角度。使用cc.RotateTo.create(duration, deltaAngleX, deltaAngleY)和cc.RotateBy.create(duration, deltaAngleX, deltaAngleY)来创建动作。duration 运动周期，单位为s。deltaAngleX 水平旋转角度deltaAngleY 垂直旋转角度，...
1、新增的主体元素结构 aside元素：用来表示当前页面或文章的附属信息部分，主要有两种使用方法： （1）被包含在article元素中作为主要内容的附属信息部分。<!DOCTYPE html> <head> <meta charset="utf-8" > <title>aside元素实例</title> </head><body> <header><h1>F#入门</h1> </header> <article><h1>第四节 词法闭包</h1><p>lambda表达式可以创建词法闭包...（文章正文）</p><aside><!--因为这个aside元素被放置在一个a...
XHTML可扩展的超文本标记语言文档声明： DTD：html5与html4的区别html5新增的元素：结构元素：section ，article， aside， header，hgroup，footer, nav, figure其他元素： video，audio, canvas, input，元素类型：Email， 全局属性：contentEditabledisignModehiddenspellchecktabindex<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h2>contentEditable</h2...
一、 input type=file与文件上传本文所说的input type=file指的是type类型是file的input元素，最简HTML代码如下：<input type=file> 但是，为了习惯，我们多写成：<input type="file"> 在HTML5出现之前(XHTML)，我们的闭合规则则有些出入：<input type="file" /> 顾名思义，选择文件，并上传文件。在HTML5还没有出现之前，原生的fileinput表单元素只能让我们一次上传一张图片。无法满足一次上传多图的交互需求，所以，很多场景，就...
contenteditable属性 任何元素使用contenteditable属性的话，代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如：<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> 该属于有3种值可选：true, false和空字符，空字符代表true。 而对<iframe id="editor"></iframe>框架页面可以通过JS程序代码来实现：editor.document.designMode="on" 。 contextmenu属性 contextmenu属性用来指...
第十六章 1、 输入和元素 电子邮件框 搜索框 电话框 <inputtype="tel">URL 框 <inputtype="url">以下元素得到了部分浏览器的支持日期 数字 范围 数据列表 下面的输入或者元素得到的支持很少， W3C 指出它们在 2014 年定案之时很可能不会列入 HTML5颜色 全 局 日 期 和时间<inputtype="datetime" />局部日期和时间月 时间 周 输出 2、 属性： 1) accept限制用户可上...
什么是 HTML5？HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。HTML5 新规则：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明新特性HTML5 中的一些有趣的新...
HTML元素 元素是指从开始标签到结束标签的所有代码.开始(开放)标签元素内容结束(闭合)标签<p>this is my web page</p> 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有...
left;">HTML样式 1, 标签:<style>: 样式定义<link>: 资源引用 2. 属性: rel="stylesheet": 外部样式表type="text/css": 引入文档的类型margin-left:边距 3. 三种样式表的插入方法 外部样式表: <link rel="stylesheet" type="text/css" href="mystyle.css"> 注: 外部样式表需要创建css文件, 右击工程目录 New->File, 命名为:MyStyle.css, 必须指定后缀名. .html文件需与.css放在同一目录下. 代码示...
HTML列表 列表标签标签描述<ol>定义有序列表。<ul>定义无序列表。<li>定义列表项。<dl>定义定义列表。<dt>定义定义项目。<dd>定义定义的描述。<dir>已废弃。使用 <ul> 代替它。<menu>已废弃。使用 <ul> 代替它。常用的列表1. 无序列表使用标签: <ul>, <li>属性: disc, circle, square示例:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>聊表</title></head><body><!--无序列表, 列表项为li--><!--disc 实...
之前已经介绍过简单的绘制路径，本篇介绍绘制折线和贝塞尔曲线，首先介绍折线，效果如下：代码如下：context.beginPath(); context.moveTo(100,50); //context.lineTo(100,50); context.lineTo(150,150); context.lineTo(50,150); //context.closePath(); context.stroke();之前介绍过moveTo后接起点的横纵坐标，我试了一下，第一个是lineTo也可以，后面的lineTo就是从这个点到下一个点画一条直线，然后再以这个点为起点，在调line...
本篇介绍简易的图片操作，首先是简易的图片显示效果如下：就是把一张简单的jpg格式的图片显示在网页上，实现起来也非常简单，代码如下：var image = new Image(); image.src = "icon.jpg"; image.onload = function(){context.drawImage(image,50,50); }首先创建一个Image对象，然后把image对象的src属性设置为图片的相对路径，最后，重写onload方法，就是一旦图片加载完成则显示出来。下面介绍将我们所绘制的图形导出成图片，效果...
上一篇讲了图片的两种操作，读入和导出，而读入图片之后的画图片我们采用的是只有三个参数的drawImage，本篇将分别介绍5个参数，和9个参数的drawImage，其实最后一个函数很像j2me里面的drawRegion。首先介绍5个参数的可以调整图片大小的drawImage函数。首先来看如下效果：代码如下：var image = new Image(); image.src = "grossini.png"; image.onload = function(){ context.drawImage(image,50,50); context.drawImage(image,10...
小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://www.gxlcms.com/之前的图形变换中的那些操作的状态值，在图片操作里依然有用，虽然像缩放这样的操作我们在绘制的时候就可以实现，不过这依然是一种实现的方法1.图片的平移，效果如下：代码如下：var image = new Image(); image.src = "grossini.png"; image.onload = function(){context.drawImage(image,50,50);context.translate(100,10...
之前都是简单的静止绘图，本篇实现一个简单的动画效果，效果如下：就是让人物向斜下方运动，代码如下：主要是由两个函数组成，首先当页面载入的时候调用init函数，首先来看init函数，init函数首先是几句初始化的内容，获得上下文等等，然后是生成图片对象，生成图片对象主要是如下几句：this.image = new Image(); this.image.src = "grossini.png"; this.image.onload = function(){setTimeout(update,33); }这个在之前提到过，主...