在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。一、坐标系其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝右，Y轴正向朝下，如下图声明：为本文为原创文章，作者保留所有权利！...
在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。一、坐标系其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝右，Y轴正向朝下，如下图二、Stroke 和 Fill HTML5中将图形分为两大类...
HTML5基础模板的实例代码分享<!doctype html><!-- simplified doctype works for all previous versions of HTML as well --><!-- Paul Irishs technique for targeting IE, modified to only target IE6, applied to the html element instead of body --> <!--[if lt IE 7 ]><html class="no-js ie6"><![endif]--> <!--[if (gt IE 6)|!(IE)]><!--><html><!--<![endif]--><head><!-- simplified character encoding --><meta char...
1.Hn标签，一般一个页面里面只用一个H1标签，作为主要的信息标题，这样便于SEO。2.P标签，段落标签。3.语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解.事实上SEO最有效的一种办法，就是对网页的HTML结构进行重构，实质上就是语义化。4.<hr>横线 （在Webstorm中：hr+Tab）<hr/><br/>换行5.文本标签<span>行内标签6.<em>标签用于对一小部分文本进行突出加强...
首先，本篇文章是零基础开发RPG游戏-开源讲座系列文章的第四篇，来实现游戏的脚本化，和利用游戏脚本实现地图场景的切换，离上次更新貌似很长时间了，你在看下面的文字之前，需要先了解前三篇在下啰嗦了些什么东东。一，什么是游戏脚本简单说，游戏脚本就是依据一定的格式编写的可执行文件，游戏可以通过脚本中自定义的语句来执行相应的逻辑。二，为什么要将游戏脚本化游戏脚本，可以令我们的游戏动态化，比如当我们开发了一款rpg游...
前两篇，RPG的开发已经实现了添加地图和添加游戏人物，本篇来实现地图的卷轴滚动和人物对话的实现，效果如下地图的滚动关于地图的滚动原理，可以参照下图按照上图说明，实现地图滚动，只需要先把即将出现的地图（图中黄色部分）画上，然后滚动地图，待地图滚动完毕之后，将屏幕之外的部分（图中绿色部分）移除首先要添加一个变量来控制地图是否滚动//地图滚动 var mapmove = false;然后，在人物移动的时候，判断地图是否需要滚动/*...
HTML5响应式布局（一）移动端开发的布局方式——流式布局流式布局这个概念第一次接触会觉得这个概念很高端，但是进行深入了解之后就会发现其实很简单，有HTML桌面端网页开发经验基础的人来说，实际上流式布局就是把桌面端一些写死的布局改成了百分比，用于适应各种移动端的尺寸。流式布局通俗来讲也可以称为百分比布局，通常包含了以下几点:宽度百分比定位百分比用em, 以及rem进行替换px弹性图片 设置这些百分比的参照物是根据手机...
在前面提到Canvas是HTML5中一个重要特点，canvas功能非常强大,用photoshop可以实现的效果canvas也同样可以实现，下面我们用canvas实现基本图形的绘制。一、Canvas标签的使用<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <canvas id="1" width="200" height="200" style="border:1px solid red"></canvas> </body> </html>可以看到Canvas就像一块画布，我们可以在这个画布上面绘制我们需要的图形...
HTML5是一种设计来组织web内容的语言，其目的是通过创建一种标准的和直观的UI标记语言来把web设计和开发变得容易起来。HTML5提供了各种切割和划分页面的手段，其允许你创建的切割组件不仅能用来逻辑地组织站点，而且能够赋予网站聚合的能力。 HTML5可谓是“信息到网站设计的映射方法”，因为它体现了信息映射的本质，划分信息，并给信息加上标签，使其变得容易使用和理解。这是HTML5富于表现力的语义和实用性美学的基础，HTML5赋予...
分享一个HTML5页面开发的基础性模板，包含了两个版本： 开发版本 注释版本 开发版本<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href=""> <!--[if lt IE 9]> <script ...
一：相关概念了解1：WEB标准的概念及其机构组成WEB标准是一系列标准的集合，不是单一的某个标准。这些标准主要是由W3C（万维网）起草以及发布。2：网页结构网页主要是由三部分构成，分别是HTML、CSS、JAVASCRIPT。作用分别是HTML用于编写网页的页面结构，以方便对网页的布局和交互；CSS用于对网页进行布局排版，使网页的结构看起来更加美观；JAVASCRIPT用于人们和页面产生的交互动作后产生响应。相应的编程语言如下： 结构化语言有...
比如： .w100{width:100px;}.w200{width:200px;}.w300{width:100px;}.m100{margin:100px;}.m200{margin:200px;}.m300{margin:300px;}……我的理解是：既然标签要语义化那class，id应该也是语义化的而不是完全沦为为样式服务的，诚然这样做很方便回复内容： 我想你指的.w100等应该指的是基础样式文件（如base.css）里面的通用原子类吧？这个问题问的很好。请先阅读彬GO的文章《CSS代码命名惯例语义化的方法》http://blog.bingo929.c...
html5不成熟，机遇大，挑战大，ios已成熟但感觉被限制在苹果的圈里面不爽，也不容易出线回复内容： HTML5只是个附加的东西，不足以成为一种独立的技能。而且HTML5什么样还不知道呢，现在的火热都是炒出来的，将来的前途未知，不要尽听人言。推荐ios开发，从c和object-c开始，没有什么其他附加的技术。学系html5要学的东西很多，虽然都比较简单，但是深入还是比较难的。对于ios开发局限性和未来命运的问题，我觉得这些东西不要想太多...
回复内容：因为 HTML5 是 HTML 的超集，CSS3 是 CSS 的超集，且只是一种相对有限的扩展，并非截然不同的开发思想，所以无论直接学还是跳过学，都是绕不开的。 其实这个问题本身就不是很大的问题，直接学习HTML5和CSS3是可以的，但是学HTML和CSS也花不了多少时间，半个月足以，下几个模板，再用半个月动手写写DIV+CSS，基础的东西几乎就可以掌握了 可以直接学习，但是现阶段html5并不普及的情况下，在外面做项目多半还是html5以前的...
1、请最好推荐书籍以及知识点，多谢回复内容： 推荐一下 impress.js http://bartaz.github.com/impress.js/#/bored ，可以看它的页面源码，里面有非常详细的注释，是比较好的学习材料。参考这个回答 幻灯片软件除了 PowerPoint 和 Keynote 还有没有什么别的选择？不太明白你想要的是幻灯片还是自制一个HTML5幻灯片框架，不过貌似有现成的开源框架http://www.oschina.net/p/h5slideshttp://breakingbad.sinaapp.com这个是我自己写的...