最新 最热

异步分片计算在腾讯文档的实践

几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化,主要是利用异步分片计算来提高当前的 FPS 值,避免用户操作被阻塞。感谢 kylehr 的支持和帮助。...

2022-10-07
0

在Chrome浏览器中最快速实现拾色器(颜色吸管)的方法

说到网页拾色器(颜色吸管工具)在前端的实现方法,通常我们会想到先进行网页截图,然后通过Canvas绘制截图,此时利用Canvas所提供的的API即可解析出图片每个像素点颜色,最后通过获取鼠标定位,得到当前的坐标来进行颜色选择。...

2022-10-06
1

使用 Win2D 实现融合效果

在 CSS 中有一种实现融合效果的技巧,使用模糊滤镜(blur)叠加对比度滤镜(contrast)使两个接近的元素看上去“粘”在一起,如下图所示:

2022-10-05
0

你的代码怎么下起了雨?

大多数的程序员都会有一个自己的个人网站,我们想要在自己的网站下面去刻画一个酷炫的背景,我们可能会使用一些炫酷的图片,或者叠加一个视频背景,亦或是通过css3 来进行手动绘制,这些方案都各有利弊,在出现canvas之后,我们出...

2022-10-04
0

Canvas实现网页协同画板

画板协同: 简单来说就是使用canvas开发一个可以多人共享的画板,都可以在上面作画画板,并且画面同步显示 canvas白板相关使用参考我之前的文章:Canvas网页涂鸦板再次增强版...

2022-09-30
1

canvas 系列学习笔记四《绘制文本》

CanvasRenderingContext2D.textBaseline 是 Canvas 2D API 描述绘制文本时,当前文本基线的属性。

2022-09-30
0

如何写成高性能的代码(一):巧用Canvas绘制电子表格

Canvas是HTML5的标签,是HTML5的一种新特性,又称画板。顾名思义,我们可以将其理解为一块画布,支持在上面绘制矩形、圆形等图形或logo等。 需要注意的是,与其他标签不同,Canvas只是一块空画布,其本身是不能绘制图形的,必须通过J...

2022-09-29
0

开箱即用的前端图片压缩方案

我们都知道在“寸土寸金”的互联网时代, 速度是第一竞争力, 虽然我们的5G发展已经摇摇领先, 但是也经不住用户在一个网页里传很多“巨无霸”图片, 最终导致的结果就是页面“龟速”打开.........

2022-09-27
0

推荐! 使用react-cropper-pro实现图片裁切压缩上传

在前端开发的过程中, 我们经常遇到文件上传或者图片上传的需求, 有些场景中可能还会要求上传图片后对图片进行裁切, 压缩. 对于不想加班的程序员来说, 第一要义就是使用斯第三方库. 虽然像我们熟悉的antd, element等...

2022-09-27
0

推荐! powerNice Web版+桌面端软件,让文档编辑更简单

大家好, 我是徐小夕, 之前和大家分享了一个在线文档编辑器PowerNice, 它可以轻松帮我们编写文档并一键导出多种格式比如html,pdf, md, png图片等, 如下:

2022-09-27
0