一、绘制基本图形 在每次用canvas画布时,都有几步是“套路” 1.在HTML中创建Canvas画布:<canvas id="mycanvas" width="960px" height="580px">浏览器不支持canvas <!-- 如果不支持会显示这段文字 --></canvas> 2.获取画布标签,并得到一个2D对象:var c = document.getElementById(‘mycanvas‘); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境,返回一个2D对象 ,该对象实现了一个画...
1.HTML是什么?HTML是用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言.2.HTML特点简易性:超级文本标记语言版本升级采用超级方式,从而更加灵活方便。可拓展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。平台无关性:虽然PC大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛...
第6章 贪吃蛇的实现及代码讲了不少东西了,老讲理论的东西没劲呀,我们不如先试着做一个小游戏吧。作为我们的第一个游戏,当然是越简单越好。《贪吃蛇》大家应该都玩过吧?我觉得我玩过的游戏中,她应该算是最简单的一个了。好,就让我们从做《贪吃蛇》开始,享受自己做游戏的乐趣吧。由于这个游戏是本教程的第一个实际的游戏例子,我会讲的比较详细一些。请大家重点注意编程的思路和实现的方法,这些远比代码本身要重要。一,蛇身...
第4章 移动的控制一,捕获键盘击键的原理有很多种方法可以控制游戏中图形的移动,常用的有键盘控制、鼠标控制以及屏幕上的按钮控制等。其中键盘控制比较简单,比较适合初学者,我们先来讲这种方法。其实键盘上的每一个按键,在我们按下去的时候,会向电脑中传送一个编号。比如A的编号是65,B是66。在这一章里,我们只需要记住4个键就可以了,她们是光标的上下左右键。向上的编号是38,向下是40,向左是37,向右是39。所以键盘捕获的...
图1:完整的Web应用构架 图2:html5的基本结构 head 可添加在头部标签元素有→→title meta style link base script noscriptmeta 几个重要属性↓↓ html的属性→标准属性:id name style class→私有属性:独有 如:a href→时间属性:触发 javascripth1~h6 字大小逐渐减小,字体随着浏览器不同可能有不同,一般使用h1~h3空(自结束)标签: br换行 hr水平线 metahtml中快捷键(暂整理,后续增加):1)变签名+TAP ...
欢迎大家阅读HTML5 Canvas(画布)实战编程初级篇系列,在这个系列中,我们将介绍最简单的HTML5画布编程。包括:画布元素绘制直线绘制曲线绘制路径绘制图形绘制颜色,渐变和图案绘制图片绘制文本相关要求环境要求:Google Chrome, Firefox, Safari, Opera, 或者 IE9以上的现代浏览器编程要求:需要有基础的HTML和Javascript编程经验,相关的画布编程将调用Javascript API来处理HTML Canvas基本元素HTML5中包含一个专门为HTML画布功...
今天没有写完,而且写的还有点问题,所以今天就先不上传代码了(ps:快写完了才发现布局有问题,导致代码太多,感觉写的不是很好,所以今天先分析一下布局)第一步先写一个大的div用来放ABC三个部分,这个大的div居中!第二步分别写ABC三个部分,ABC三个部分分别使用浮动(float)来定位。A和B都各使用了一张非常小的图片,通过重复(repeat)属性生成A和B第三步C部分分别写好3~16这几个模块,在通过组合利用浮动定位。分组如下: ...
HTML是标记语言,HTML由一套标记标签(Markup Tag)组成,在制作网页时,使用标记标签来描述网页 网页编辑工具:记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。 标签都是成对出现的,有一个开头标记就对应地有一个结束标记,以“< >”开始、以“< / >”结束,要求成对出现,标签之间有缩进,体现层次感,方便阅读和修改。 HTML5的基本结构分为两部分:头部(head)和主体(body)。 @ <head> ... </head> 网页...
第四章 文本1、<p></p>2、<small></small>表示细则一类的旁注,通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性,以粗体显示,一个strong可以嵌套在另一个strong中;<em></em>表示内容的着重点,以斜体显示,一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等;<i></i>用于如分类名称、技术术语、外语里...
一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极快速的查询选择库,支持W3C查询。版本jqMobi源码最初在2012年1月份推出,基于MIT/X11许可证,托管在GitHub上,开发者可参与并通过插件不断改进该框架。2012年3月13日,jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0jqMobi的特点速度快适用于智能手机和平板电脑提供了60多个API调用与jQuery相同的语法插件可扩展体积更小英特尔收购英...
之前的一个微信项目已经要结项了,最近整理一下项目中使用较多的canvas画图方面的知识吧,打算写个3,4篇的样子。本篇主要介绍基础操作和弧线画法。 之后再写一下趋势图,直方图,文本图像处理的。 言归正传,canvas元素本身是一个容器元素,提供一块画布,用脚本来实现想要画什么。为了演示使用,我们新增一个空的aspx页。 首先,我们新增一个canvas元素: <canvas id="myConvas" style="display:block; margin:...
OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1 typesetting : Markdown html <!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><!-- a标签配合id进行网页内的锚点跳转 --><a href="#websiteName">锚点-网站名称</a><br /><a href="#blogName">锚点-博客名...
创建HTML文档: 1.命名规则 不允许使用特殊字符。不允许使用中文名。推荐使用小写。 注意:如果创建完HTML文件后依然是文本文件格式,那么请将系统里隐藏已知文件扩展名的勾选去掉。 方法: win7->按一次alt->工具->文件夹选项->查看-》已知文件扩展名。 2.HTML标签通常使用两个角括号括起来:”<”和“/>”标签分为成对的和不成对的。 成对的:<html></html> <head></head> ...
HTML 5新增的主体结构元素:article:表示完整的、独立的,可以被外部独自引用的内容。如一篇博客,报刊中的文章,帖子,用户评论或独立的插件。Section:用于网站页面上的内容进行分块。由内容及标题组成。Nav:用作页面导航的连接组。如:导航栏,页内导航,翻页操作等。Aside:表示当前页面的附属信息部分。如:引用,广告,侧边栏等。Time:datetime.pubdate(发布日期) 新增的非主体结构元素:header:引导和导航作用的元素。 ...
## 2的次方数 * 2的0次方=1 * 2的1次方=2 * 2的2次方=4 * 2的3次方=8 * 2的4次方=16 * 2的5次方=32 * 2的6次方=64 * 2的7次方=128 * 2的8次方=256 * 2的9次方=512 * 2的10次方=1024 -------------------------------------------------------- ## 二进制转十进制 ##### 二进制10011011转换为十进制(练习) >10 011 011 >2的7次方+2的4次方+2的3次方+2的1次方+2的0次方 >也就=128+16+8+2+1=155 ### 二进制***100 1 1 001***转十进制...