摘要：WebGL动态绘制正多边形和正多角形 将WebGL绘图底层逻辑进行封装，引入vue项目 glsl.config.js文件 点击查看代码 // 使用webgl绘制三角形 // canvas是画布，pointArr绘制的点数据 export const webglFunction = (canvas, 阅读全文

摘要：浏览器提供的 WebGL API 是 OpenGL ES 的 JavaScript 绑定版本，它赋予了开发者操作 GPU 的能力。 1、WebGL绘图可分为五步 创建上下文WebGL 创建WebGL程序 将数据存入缓冲区 将缓冲区数据读取到gpu gpu执行WebGL程序，输出结果 2、WebGL实 阅读全文

摘要：SVG 的全称是 Scalable Vector Graphics，可缩放矢量图，它是浏览器支持的一种基于 XML 语法的图像格式，SVG 属于声明式绘图系统。 有效的命名空间URI(此命名空间用于标识该节点属于哪种XML类型) HTML： http://www.w3.org/1999/xhtml 阅读全文

摘要：在web上、图形通常是通过浏览器来绘制的，浏览器是一个复杂的系统，负责绘制图形的部分是渲染引擎。 一、绘图系统 绘图系统分为：声明式绘图系统(html+css、svg)、和指令式的绘图系统(canvas 2D、webgl) 声明式绘图系统：根据数据创建各种不同的图形元素(或者css规则)，利用浏览器 阅读全文

摘要：1、可视化的概念 可视化是将数据组织成易理解和认知的结构，然后用图形的方式形象地呈现出来的理论、方法和技术 2、可视化与web开发的区别 (1). 使用语言侧重不同 web开发用html描述结构、用css描述表现、用js描述行为 可视化主要使用图形api像canvas、svg、webgl (2). 阅读全文