http://zhidian.wuute.com/html5dev/ 2026-04-19T18:58:17+09:00 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-04-20T00:24:53+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/26/start?rev=1492615493&do=diff 图形 定义 图形(Graphic)是一种视觉元素,通常由点、线、面、体等几何元素和灰度、色彩、线型、线宽等非几何属性组成。 概述 图形(Graphic)主要分为图像(Image)和形状(Shape)两大类。 图像是基于实物的真实感图形,而形状是基于线条信息表示的具有几何意义的抽象图形,广泛用于模型建模,如工程图、ER图、流程图等。 text/html 2017-04-23T16:07:07+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/26/svg?rev=1492931227&do=diff SVG 简介 可缩放矢量图形（英语：Scalable Vector Graphics，SVG）是一种基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开放标准。 使用场景 SVG基于VML，这意味着SVG DOM中的每个元素都是可操作的（为元素添加JavaScript事件），在SVG中，被绘制的图形都可以当成一个可操作的对象，如果该对象的属性发生变化，可以通过事件机制，让浏览器实时反映该属性的变化即重绘图形。SVG提供了一系列的图形元素、动画以及事件机制，适用于静态图片的展示，比如google地图。… text/html 2017-04-23T16:08:14+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/26/webgl?rev=1492931294&do=diff WebGL WebGL(Web Graphics Library)是HTML5规范中的一部分，可以用来渲染三维场景。 WebGL源自OpenGL ES（OpenGL for Embedded Systems 是OpenGL三维图形API的子集）。 示例代码 // 创建canvas function createCanvas(width, height) { var canvas = document.createElement("canvas"); canvas.width = width || 300; canvas.height = height || 300; return canvas; } // 创建着色器 function createShader(webGL, source, type) { var shader = webGL.createShader(type); webGL.shaderSource(shader, source); webGL.compileShader(shader); …