三 canvas简单入门

← 数据可视化前端技术选型
canvas 是 HTML5 的新特性,它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。

入门案例:绘制点、矩形、直线和圆形




  
  
  
    
    
  

canvas 绘图的流程
  1. 编写 canvas 标签(注意指定宽高)
  2. 获取 canvas DOM 对象
  3. 获取 Canvas 对象
  4. 设置绘图属性
  5. 调用绘图 API
    canvas 参考手册

进阶案例:图片压缩



  
  
  
    
    
  

svg→

你可能感兴趣的:(三 canvas简单入门)