html5
文章平均质量分 66
yangnianbing110
这个作者很懒,什么都没留下…
展开
-
Canvas绘图环境
canvas绘图环境元素canvas提供了一张画布,要想在这张画布上面作画,我们需要canvas绘图环境,通过环境我们可以在canvas元素上面绘制图形,文本,显示并修改图像。var context = canvas.getContext("2d");context是指向元素canvas的绘图环境对象的引用。CanvasRenderingContext2D对象包含了大量的绘制图形属性 属性原创 2015-06-23 22:46:23 · 1360 阅读 · 0 评论 -
Canvas元素基本知识
canvas元素如果说到在网页中绘制图形以及动画,大部分人会想到flash,但是是要想在浏览器中运行flash的画,还必须装额外的插件,而且不是所有的浏览器都会支持flash。在html5中引入了标签canvas,让我们不用装任何其他的插件,就可以在实现html5的浏览器中实现图形绘制。Canvas使用示例如何使用canvas元素,我们先来看一个简单的例子:原创 2015-06-18 21:02:04 · 1312 阅读 · 0 评论 -
Canvas基本操作
canvas基本操作基本apiarc()Canvas绘图环境提供了arc()方法来绘制圆弧与圆形。arc()方法有六个参数,arc(x, y, radius, startAngle, endAngle, counterClockwise), * 前两个参数表示圆心的坐标, * 第三个参数表示园的半径, * 第四个和第五个参数表示圆弧的起始角和终结角, * 第六个参数为绘制方向,如果为fals原创 2015-06-24 22:32:07 · 650 阅读 · 0 评论 -
postMessage和onMessage
html5中postMessage和onMessage的用法html5提供了postMessage和onMessage这一对方法来在不同的文档页或者不同的工作线程之间进行通信。在不同的文档页内通信什么叫做不同的文档页?如果一个页面上面嵌套了iframe,那么iframe和外层的页面属于两个不同的文档页。原创 2016-03-20 16:59:59 · 8657 阅读 · 0 评论 -
光源(Light)
光源光是自然界中常见的现象,我们把正在发光的物体成为光源。与光相对立的是阴影,光被物体 遮挡住了便形成了阴影。根据光照的效果不同,THREE.js中抽象除了几种不同的光源。 聚光灯(THREE.SpotLight)平行光源(THREE.DirectionalLight)环境光源(THREE.AmbientLight)半球光源(THREE.HemisphereLight)点光源(THRE原创 2016-05-10 14:21:18 · 3185 阅读 · 0 评论 -
THREE.js—绘制弧线(SplineCurve3)
SplineCurve3通过一系列的点来创建一条平滑的曲线。var curve = new THREE.SplineCurve3([ new THREE.Vector3(-10, 10, 10); new THREE.Vector3(-5, 5, 5); new THREE.Vector3(0, 0, 0); new THREE.Vector3(5, -5, 5);原创 2016-05-10 15:29:11 · 18675 阅读 · 6 评论 -
THREE.js-几何体(Geometry)
这里将Geometry理解为几何体不知道是否合适。前面的例子中我们用到过BoxGeometry来创建一个立方体。除了BoxGeometry之外Three.js还提供了很多拆箱即用的几何体,例如:圆形(CircleGeometry)、柱体(CylinderGeometry)、球体(SphereGeometry)、文字(TextGeometry)等等。后面会对这些常见的几何体用法做一个简单的介绍。 除原创 2016-05-03 18:06:54 · 31555 阅读 · 0 评论 -
html5 api
history apiback()forward()go(index)pushState(stateObject, title, url)replaceState(stateObject, title, url)监听history change events: pushState() and replaceState() will not cause the onpopstate ev原创 2016-04-21 18:12:56 · 1529 阅读 · 0 评论