前端开发需要学什么（数据可视化）

 

前端开发需要学什么？在大数据的带领下，数据可视化的使用越来越广泛。那么实现HTML5的数据可视化技术有哪些?

 

数据可视化就是采用计算机图形处理技术将数据转换成图形或图像显示出来。图像是最直观的东西，人们往往不会去看长篇大论和繁杂的数据文字。把数据用图片的方式呈现出来是很不错的方法。

HTML5是互联网的下一代标准，现在仍处于发展阶段。使网络标准达到符合当代的网络需求。HTML5标准实际指的是包括HTML5、CSS3和JavaScript技术。HTML5包含了SVG，同时提供了二维绘图技术Canvas。

 

1、SVG，SVG全称Scalable Vector Graphics，由W3C制定，其基于可扩展标记语言XML。SVG是用于描述二维矢量图形的一种图形格式，由于它是基于XML的一种语言，所以它继承了XML的跨平台性和可扩展性。如SVG文档中可以嵌入其他的XML或者HTML内容，XML或者HTML中可以内嵌SVG，而各个不同的SVG图形可以方便地组合，构成新的SVG图形。SVG还具有很多优点，比如很好的可扩充性和交互性。SVG支持无限放大，SVG图片任意比例的放大不会损害图片的显示效果，其他诸如PNG，GIF，BMP，JPEG格式的图片放大则会影响视觉效果。同时SVG还提供了很好的动画交互效果，通过定义鼠标事件和键盘事件，以及相关的脚本编程就可以实现SVG图形的动画效果及交互操作。

 

　　2、Canvas，Canvas最初是由苹果内部使用自己的Mac OS X WebKit推出，苹果大力推广使用HTML5，促进了Canvas的发展和应用，HTML5提供了画布元素，同时HTML5定义了很多API支持脚本化客户端绘图操作，元素本身是没有任何外观的，但是它在HTML文章中创建了一个画板，通过绘图API可以在画板中绘制位图模式的图形。

 

前端开发需要学什么？Web实现数据可视化必备技术知识

canvas、svg、设计模式、数据结构、面向对象编程、内存泄漏、vue或react、Typescript

 

易牛云朗沃专注IT教育15年。