HTML5移动开发学习笔记之CSS3基础学习
CSS回顾 在学CSS3之前首先巩固下CSS的基础知识。 1.CSS框模型 举例子： #box { width: 70px; margin: 10px; padding: 5px; } 这个代码将出现的效果是： 2.CSS定位与浮动 1）定位 ...
原文：HTML5移动开发学习笔记之Canvas基础
.第一个Canvas程序 看的是HTML 移动开发即学即用这本书，首先学习Canvas基础，废话不多说，直接看第一个例子。 效果图为： 代码如下： View Code 知识点： Canvas 的基本用法 取得Canvas对象 从Canvas对象中获取绘图用的上下文 使用上下文中的方法与属性进行绘图 颜色的指定方法 ctx.fillStyle FF ctx.fillStyle rgb , , ct ...
2014-03-24 15:48 7 1361 推荐指数：
相关推荐
HTML5移动Web开发指南-学习笔记（一）
一,浏览器引擎 浏览器的内核引擎，基本上是四分天下： Trident: IE 以Trident 作为内核引擎; Gecko: Firefox 是基于 Gecko 开发; WebKit: Safari, Google Chrome,傲游3,猎豹浏览器,百度 ...
HTML5 Canvas学习
一．SVG(Scalable Vector Graphics,可伸缩矢量图形)和Canvas对比 1.Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG那样可以被放大缩小。 2.用Canvas绘制出的对象不属于页面DOM结构或者任何命名空间——这点被认为是 ...
HTML5 Canvas绘图基础
一、canvas是什么？ canvas就是画布 canvas元素用于在网页上绘制2D图形和图像 二、canvas坐标体系 canvas的默认宽高是300*150，要在脚本中对画布进行操作。 踩坑注意：如果要对canvas画布的大小进行操作，不能在style上操作，要在内联样式上写或者js ...
HTML5 快速学习二 Canvas
本篇文章开始讲解HTML5的核心功能之一：Canvas 通过Canvas可以动态生成和展示图形、图表、图像以及动画。 Canvas API功能非常多，我们将讨论最常用的功能。 我们先新建一个canvas看看。 我们给canvas加一个边框，这样比较方便看。 可以看到 ...
HTML5 学习之Canvas画布
HTML5可以用javascript进行图形的制作，需要声明一个<canvas>标签，然后在这个标签中用javascript利用canvas API进行画图，举例如下: <canvas id="canvas1" width="200" height="200">< ...
HTML5项目笔记9：HTML5 Canvas 的图表报表开发
，让他们更加直观地表达。 目前来说，图表的开发组件还是很多的。 有基于silverLight的 ...
html5 canvas移动设备渲染测试
最近项目闲着没什么事，又想起了canvas， 针对移动端设备默认浏览器，做了点渲染方面效率的测试，手头设备不多（有一些低端机型和pc chrome做对比），现将测试数据分享给大家吧，本想和css3 animation动画一起测试比较一下，发现animation水的不行，效果跟canvas差 ...