html5图形.js

网页，html5,canvas，js 动态绘制柱形图

DOCTYPE html><head><title>chart demo</title>...head><body><canvas id="chartContainer"width="1000"height="400">browser doesn't support html5</canvas><script>zxt()</script></body></html>本例需要两个js文件，可以去...

HTML5拓扑图形组件设计之道（一）

讨论前先设定话题的边界，HT是基于HTML5的图形组件库，因此文章的案例更多会涉及HTML和JavaScript语言，但并不局限于Web前端，设计思想上同样适用于任何GUI语言平台。完整的前端设计是需要考虑到后台加载并发等因素，但本系列更侧重于纯...

矢量化的HTML5拓扑图形组件设计

但，我还是不喜欢DOM上太重都是元素，不喜欢庞大包罗万象搞得没有一家能完美实现的标准，另外用XML、Flex的MXML或Sliverlgiht/WPF的XAML来描述图形实在是笨重不灵活，基于HTML5的HT for Web很自然的选择了一条自定义简单标准的JSON格式路线...

带你读《Three.js开发指南：基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）...

Web开发技术丛书点击查看第二章点击查看第三章Three.js开发指南：基于WebGL和HTML5在网页上渲染3D图形和动画（原书第3版）Learn Three.js:Programming 3D animations and visualizations for the web with HTML5 and WebGL,Third Edition...

带你读《Three.js开发指南：基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）...

有趣的是，场景图，顾名思义，不仅仅是一个对象数组，还包含了场景图树形结构中的所有节点。每个你添加到Three.js场景的对象，甚至包括THREE.Scene本身，都是继承自一个名为THREE.Object3D的对象。一个THREE.Object3D对象也可以有自己的子...

带你读《Three.js开发指南：基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）...

如果你使用过旧版Three.js便会知道点光源（THREE.PointLight）不会产生阴影，然后在新版Three.js中，点光源也可以像聚光灯（THREE.SpotLight）和平行光（THREE.DirectionalLight）一样产生阴影了。用THREE.PointLight可以对光源设置很多...

《HTML5游戏编程核心技术与实战》一2.2 图形API

W3C在canvas规范中解释到，当使用canvas绘制图形时候，它是由路径向两边扩展的，各占绘制线条宽度的一半，但canvas的坐标并不是直接和屏幕上的像素对应，假设需要绘制一条(3,1)到(3,5)的直线，把屏幕放大，得到图2-7。图2-7中的每一个格子...

《HTML5游戏编程核心技术与实战》——2.2 图形API