/graphics-knowledge

技术

SVG

Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics. 

可缩放矢量图形，SVG 使用 XML 格式定义图像。

Canvas

The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D and 3D shapes and bitmap images.

Canvas 是 HTML5 的一部分，可以使用脚本动态绘制2D图形、3D图形、位图。

WebGL

WebGL (Web Graphics Library) is a JavaScript API that draws interactive 2D and 3D graphics.

WebGL (Web图形库) 是一个用于绘制交互式2D/3D图形的 JavaScript API。

应用场景

  • 界面设计【图标】【动画】【交互设计】
  • 数据可视化 【图表】【流程图】【思维导图】【原型图】【UML】【网络拓扑图】【组织结构图】
  • 产品【游戏】【地图】
  • 人工智能 【图像识别】（例如王者荣耀直播，可以筛选主播正在使用的英雄，主要方式是识别使用的技能）