canvas
5篇文章 · 0订阅
  • 一个炫酷大屏展示页的打造过程
    今年的11月初，我们公司参加了「2017年亚洲幼教年会(APEAC)」并取得了很不错的成果。本人有幸负责关于这次展示页的前端开发，特以此文记录开发过程中的关键环节。 展示页分为三大模块：数据展示、动态展示和地图展示。效果如下： 此模块展示我们公司至今为止的各项数据，通过异步请求…
    前端 数据可视化
    一个炫酷大屏展示页的打造过程
  • 数据可视化：浅谈热力图如何在前端实现
    当我们需要用更直观有效的形式来展现各类大数据信息时，热力图无疑是一种很好的方式。作为一种密度图，热力图一般使用具备显著颜色差异的方式来呈现数据效果，热力图中亮色一般代表事件发生频率较高或事物分布密度较大，暗色则反之。 值得一提的是，热力图最终效果常常优于离散点的直接显示，可以在…
    前端 数据可视化 Canvas
  • 前端都是手写ECharts ?
    一、自定义的必要性     绘制的底层是强大的,我们所用的各端语言只是在现代UI追求的步伐中和用户喜好的交互中求同存异，抽取封装出自成个性风格的UI控件,当然面对万亿级别的客户各个平台的UI库出也不可
    JavaScript
    前端都是手写ECharts ?
  • 玩转「Canvas」
    Canvas是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。J…
    前端 SVG Canvas
  • 【🎨万物皆可动】详解Canvas路径动画
    拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…
    前端 Canvas
    【🎨万物皆可动】详解Canvas路径动画