可视化
四阶张量
转行了
展开
-
一个超级简单d3入门案例
D3.js是一个JavaScript库,用于根据数据处理文档。D3可帮助您使用HTML,SVG和CSS使数据栩栩如生。D3对Web标准的重视为您提供了现代浏览器的全部功能,而又不会使自己陷入专有框架,而是结合了强大的可视化组件和数据驱动的DOM操作方法。<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,.原创 2020-06-11 16:47:18 · 808 阅读 · 0 评论 -
zrender基础入门,简单的案例图形绘制
一、简单介绍ZRender是二维绘图引擎,它提供 Canvas、SVG、VML 等多种渲染方式。ZRender也是ECharts的渲染器。流程图:二、使用入口(1)npm install zrender,因为zrender不是浏览器自带不同于前面的canvas与svg,需要先下载(2)在header中引入 <script src="./node_modules/zrender/dist/zrender.js"></script>三、案例上代码看注释!!!看注释!!原创 2020-06-11 12:50:10 · 5864 阅读 · 0 评论 -
Canvas入门,点,线,多边形的绘制。
一、canvas简介Canvas API(画布)是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JS操作的位图(bitmap)。Canvas 对象表示一个HTML画布元素。它没有自己的行为,但是定义了一个API支持脚本化客户端绘图操作二、Canvas基础入门说明:看代码注释!!!看代码注释!!!看代码注释!!!1、使用入口必须指定画布的id,width与height是画布宽高,不赋值时候,有默认值。<canvas id="tutorial"原创 2020-06-11 00:30:22 · 2426 阅读 · 0 评论 -
SVG的简单使用,入门绘制简单的案例
一、svg介绍可缩放矢量图形(Scalable Vector Graphics,SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染,同时由于支持JavaScript和文档对象模型,SVG图形通常具有强大的交互能力。另一方面,SVG作为W3C所推荐的基于XML的开放标准,能够与其他网络技术进行无缝集成。二、入门案例<!DOCTYPE html><head> <meta charset="UTF-8"> <m原创 2020-06-11 11:43:21 · 537 阅读 · 0 评论