Avatar notebook default
数据可视化
8篇文章 · 3614字 · 1人关注
  • SVG之path

    学习了一下svg相关的知识，绘制图形那些相对比较简单，这里主要总结一下path中相关的命令，熟悉了相关命令，才能快速的看懂path中相关符号的意...

    185 0 0
  • Resize,w 360,h 240
    canvas大转盘

    下面再介绍一个canvas实例，使用canvas技术实现一个大转盘，在抽奖中用的比较多，实现后的效果如果所示： 第一步：绘制扇形 首先通过一个f...

    248 0 0
  • canvas下雨效果

    为了加强一下对canvas知识和requestAnimationFrame的理解和应用，特意实现了一个下雨的效果，下面一步一步来实现下雨。 1....

    935 0 0
  • Resize,w 360,h 240
    canvas绘制饼图

    使用javaScript的canvas绘制简单的饼图还是比较容易的，实现的效果图如下所示： 其实现原理就是根据扇形的值来计算扇形的角度，然后再绘...

    607 0 0
  • Resize,w 360,h 240
    canvas绘制柱状图

    使用javaScript的canvas绘制简单的柱状图还是比较容易的，实现的效果图如下所示： 其实现原理就是首先绘制一条底线，然后在底线上根据传...

    368 0 0
  • heatmap热力图精简版

    学习了canvas的基础知识后，知道怎么绘制一个图形及添加渐变效果了，又大概阅读了一下heatmap.js的源码，为了消化heatmap.js的...

    2260 0 1
  • Resize,w 360,h 240
    Heatmap.js热力图实现原理

    Heatmap.js是基于canvas开源的热力图框架，使用该框架可以方便的实现热力图，其效果图如下所示： 架构 Heatmap其架构主要由两部...

    0.2 11756 0 2
  • Resize,w 360,h 240
    canvas基本图形绘制

    canvas是HTML5新增的一个html标签，通过该标签可以绘制一些很炫的图形，游戏、图表、地图都是使用canvas 来完成的。通过对canv...

    371 0 0

文集作者