Canvas 浮点数坐标造成文字抖动的问题

上下文起因是修复 一个 bug , 简单来说就是 滚动的时候文本会出现轻微的抖动,现象很奇怪 现象仔细看 province city 区域 的文字,在滚动后 会出现轻微的抖动 问题代码虚拟滚动条,在每次滚动后,需要同步滚动条和可视区域 的位置 看起来没啥问题,计算出偏移量是一个很精确的浮点数 最后,在 ...

你不知道的 Canvas 表格交互

背景S2 是 AntV 在多维交叉分析表格领域的解决方案,主要用于看数分析,S2 采用 canvas 来进行表格绘制 (基于 易用、高效、强大的 2D 可视化渲染引擎 G ) , 同时内置大量的 交互能力 来辅助用户看数,如 行列联动高亮 单选/多选高亮 刷选高亮 行高列宽动态调整 列头隐藏 等,同时还支持 自...

web 前端中的那些"新东西"

前言Web 前端发展至今,每年都有海量的新东西出来,不管是前沿的技术方向,还是各大浏览器厂商新支持的特性,又或是 ECMA 每年的新标准,内容之多,迭代速度之快,每个人并不能完全了解所有的东西,写这篇文章的动机就是我在学习的过程中,发现很多有意思的,或者从来没听说的特性,一看才发现,原来这玩意已经出来很多年了,它...

img/写一个 Github Action

前言为了优化开发体验, 设想的是小伙伴每次提交 PR 的时候, 能够推送消息到钉钉群, 提醒大家帮忙 Review, Github 提供 丰富的 web hooks 可以做这件事 为什么不用 Web Hooks点击钉钉 -> 群设置 -> 智能群助手 添加自定义机器人点击 Setting -&g...

写一个 Github Action

前言为了优化开发体验,设想的是小伙伴每次提交 PR 的时候,能够推送消息到钉钉群,提醒大家帮忙 Review, Github 提供 丰富的 web hooks 可以做这件事 为什么不用 Web Hooks点击钉钉 -> 群设置 -> 智能群助手 添加自定义机器人点击 Setting -> W...

VisualViewport 实现浏览器窗口的缩放检测

📣 背景最近在工作中,遇到了用户如果缩放浏览器窗口,或者使用 mac 笔记本的触摸板缩放浏览器窗口时,canvas 会模糊的问题,原因很简单,缩放之后,浏览器的 window.devicePixelRatio  已经发生改变,所以要用最新的 devicePixelRatio 去绘制 window.resiz...

个人开源项目的一些细节

什么是开源项目?在一部分人的眼中,我想大概就是将源代码开放出来,放在 Github 之类的平台中 12// index.tsexport const myModule = () => {}; 1234{ "version": "0.0.1&qu...

2020 年终总结

怎么又要年终总结了今年真的是魔幻的一天,因为工作加上疫情的原因,今年基本上都在家远程办公,都快要自闭了。 工作 最近辞掉了在 ThoughtWorks 的工作,加入了梦寐以求的 蚂蚁金服 体验技术部,在TW工作了快 3 年了,认识了不少的帅哥美女,怎么说呢?技术厉害的也有,浮夸很水的也大有人在,不知道是公司性质的...

前端世界中的动画

前言16 年年底入坑前端,原因之一就是被网页中各种炫酷的动画震撼到了,想着我要是也能自己写出那些炫酷的动画就好了!当然动画看起来只是简单的平移旋转,放大缩小,其实知识点还是不少,今天闲来无事,就来回顾一下我在前端世界中接触到的那些动画。本人水平有限,本文参考了很多大神的文章,结合了自己一些见解,可能会有一些错误的...

一个 npm 包的自述

自我介绍我叫 react-jinke-music-player, 是一个 npm 包,叫我 jk 就好。我名下有三套房产,一套是 github, 一套是 npm, 还有一套是 packages, 但买来就没住进去过,没办法,谁叫我这么有钱呢!平时请了个管家 microsoft 帮我打理,自己平时很少过问。 REA...