一起学可视化:基础入门(canvas,svg)

lxf2023-05-05 18:39:01

前言

随着前端越来越卷,如果只懂得前端三件套、VueReact,未来在职场的竞争力可能会比较弱。随着5G时代的到来以及浏览器内核的不断优化和增强,前端未来在数据可视化、AR、AI等领域会比较香。本着只要卷不死就往死里卷的原则,从本篇开始就开始系统学习可视化,这个系列将分为以下几部分进行:

  1. canvas && svg基础
  2. ECharts基础
  3. WebGL基础
  4. three.js基础
  5. 地图可视化基础
  6. 数据报表项目实战
  7. 数据大屏展示实战
  8. 移动报表实战
  9. 打造自己的3D博客网站

数据可视化解决方案

一起学可视化:基础入门(canvas,svg)

如上图所示,前端领域可视化的技术非常多,每个技术都够你折腾一年半载的。SkiaOpenGL这种底层的我们前端cv工程师基本接触不到,如果你从事的是web网页开发(比如我),平时开发可能就会用到canvas绘制个图片,svg做个动图,展示类项目可能会用到ECharts图表。

入门一个技术,前期最重要是快!先学会使用,所以本文开始,我将通过3篇文章光速过入门一下前置基础知识canvas、svg、webGL、ECharts)。我是文章作者,也是学习者,文中如有不对还请指出。文章只涉及各个技能点的基本使用,想深度学习的同学可自行网上冲浪