kkfly

下周就要开始大屏的开发工作了，内容包含大块的数字展示区域，且数字在更新需要滚动效果。借此花点时间封装一下单个数字滚动组件

--- theme: smartblue 这是我参与更文挑战的第26天，活动详情查看： 更文挑战 ! 👽 概论 最高端的动画效果，往往由最朴素的方法实现，直接看效果。 👽 实现思路 老规矩，先说实现思

背景 做了一周大屏开发，也是在近期全部完成。借此记录一下大屏的整体适配处理以及列表自动循环滚动播放动画的处理实现。

number-flip: Change number with flipping animation.

​持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第19天，点击查看活动详情 组件翻牌器  这一节主要说一下如何复用翻牌器 先看实现效果： $parent  this.$pare

首先来看一下页面效果 一、前言 这个需求是起初是公司楼下大屏需要展示车位信息，车位变化的过程中需要有翻牌动作，因此做了这么一个翻页组件。 二、设计思路 至少有两张牌，一张是翻牌前的数字，一个是翻牌后的

时钟翻牌器效果大家或多或少都有见过，有了解过的人应该知道他的大致实现原理,理解简单,代码不简单。本文从另一个角度出发，用140行代码实现时钟翻牌器，并且你也可以扩展出不同的用法。

React 中，在视频预览的上层进行 canvas 绘制矩形，将矩形的坐标替给后台，用于AI算法识别；实现了多个矩形绘制和撤销

图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。 由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器打开。 这里为了交互体验，使用了element-ui的弹窗方式。将canvas画布放到了弹…