大屏
5篇文章 · 0订阅
  • css实现ps标尺
    标尺效果图原理：利用linear-gradient属性纵向标尺通过transfrom旋转得到
    CSS
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript
  • 从零设计可视化大屏搭建引擎
    几个月前我写了一篇关于从零开发一款可视化大屏制作平台 的文章， 简单概述了一下可视化大屏搭建平台的一些设计思路和效果演示， 这篇文章我会就 如何设计可视化大屏搭建引擎 这一主题， 详细介绍一下实现原理
    数据可视化 前端
    从零设计可视化大屏搭建引擎
  • 轻松教你搞定组件的拖拽, 缩放, 多控制点伸缩和拖拽数据上报
    由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…
    JavaScript React.js
    轻松教你搞定组件的拖拽, 缩放, 多控制点伸缩和拖拽数据上报
  • 从零开发一款可视化大屏制作平台
    几个月前开源的H5页面制作平台H5-Dooring 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring. 接下来笔者就来带大家一起看看我们的方案设计和技术实现. 在介绍之前, 我们先看看实现的效果展示. 目前很多企业或多或少的…
    数据可视化 JavaScript
    从零开发一款可视化大屏制作平台