腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

趣谈前端

一个重度代码洁癖者，对前端生态的总结，思考和探索。

专栏作者

279

文章

343356

阅读量

37

订阅数

前端图形学实战: 从零实现编辑器的图层管理面板和实时缩略图(vue3 + vite版)

网站 canvas svg

本文是 100+前端几何学应用案例专栏的第四篇文章, 之前和大家分享了如何从零实现几何画板以及几何画板的撤销重做功能:

2022-12-22

9100

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

文件存储 canvas react javascript java

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

2022-09-27

1.1K0

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

react 文件存储 api canvas https

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

2022-09-27

2K0

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

html 腾讯云开发者社区 react canvas

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

2022-09-27

6130

从零开发一款轻量级滑动验证码插件(深度复盘)

canvas npm react jquery ui

之前一直在分享低代码和可视化的文章，其中涉及到很多有意思的知识点和设计思想，今天继续和大家分享一款非常有趣且实用的前端实战项目——从零基于 react + canvas 实现一个滑动验证码，并将其发布到 npm 上供他人使用。当然如果大家更喜欢 vue 的开发方式，也不用担心，文中的设计思想和思路都是通用的，如果大家想学习如何封装 vue 组件并发布到 npm 上，也可以参考我之前的文章: 从零到一教你基于vue开发一个组件库。

2022-02-09

1.7K0

canvas进阶——实现Undo和Redo

不知不觉又到了周末，又到了Fly写文章的日子，今天给大家介绍下一个「web」中很常见的功能，就是撤销和复原这样一个功能，对于任何一个画图软件，或者是建模软件。没有撤销和复原。这不是傻👁了对啊吧，所以本篇文章，可以说是基于上一篇文章Canvas 事件系统的下集，如果你没有看过，建议看完再去看这一篇文章。读完本篇文章你可以学习到什么？？给canvas 绑定键盘事件实现undo 和 redo 批量回退 2d包围盒算法局部渲染绑定键盘事件 tabindex 很多人说绑定键盘事件，有什么好讲的。对虽然很

2021-09-03

7600

canvas图像识取技术以及智能化设计的思考

图像识别 canvas 文字识别卷积神经网络

笔者最近一直在研究前端可视化和搭建化的技术, 最近也遇到一个非常有意思的课题, 就是基于设计稿自动提取图片信息, 来智能化出码. 当然本文并不会介绍很多晦涩难懂的技术概念, 我会从几个实际应用场景出发, 介绍如何通过canvas图像识取技术来实现一些有意思的功能. 最后会总结一些对智能化的思考以及对低代码方向的规划, 希望能对各位有所启发.

2021-07-12

7680

看了10款文档编辑器之后...

html 腾讯云开发者社区 canvas react markdown

powerNice 提供两种方式来编写文章/文档, 即程序员最喜欢的 markdown, 也可以使用非技术人员最容易上手的富文本编辑器.

2021-02-05

9040

前端: 用javascript实现一个转盘小游戏?

css javascript java canvas android

本文主要介绍如何使用原生javascript和Css3来实现一个在各大移动应用中经常出现的转盘游戏，由于改实现可以有不同方式，如果熟悉canvas的话也可以用canvas实现，本文采用js和css实现主要考虑到复杂度较小性能较好，所以如果有更好的方案，也可以随时和我交流。

2020-12-08

1.4K0

前端如何实现一键截图功能?

html5 canvas html node.js

网页截图功能目前也是非常常见的需求, 尤其是在在线教育领域. 我们朋友圈的微信海报, 活动海报等, 一般都是运营/市场人员通过设计工具设计而成, 但是如何更好的映射到自己的服务体系里面, 比如H5页面中, 植入更多信息收集, 交互能力. 这一块的应用探索, 页面截图是一个非常好的解决方案.

2020-11-25

1.4K0

手把手教你撸一个能生成抖音风格动图的gif制作平台

html5 react javascript canvas github

又到了一周一次的周总结, 笔者基于之前的开源项目 blink , 开发了一款能在线配置故障艺术, 并一键生成gif动图的平台, 这里暂时取名为QT. 接下来笔者将复盘一下该可视化平台的实现步骤以及功能点, 让大家都能做自己的Gif动图生成平台.

2020-11-25

8320

如何设计H5编辑器中的模版库并实现自动生成封面图

json 数据库 sql canvas html

HTML5是HTML最新的修订版本，设计目的是为了在移动设备上支持多媒体, 以便为我们呈现更丰富的页面表现. HTML5 还是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。因此衍生出不同场景下的应用, 比如移动端官网, H5活动页, H5营销页等. 随着互联网对的发展, 在大数据领域中的移动端BI模型, 也可以用H5来承载.

2020-10-30

1.2K0

Canvas入门实战之用javascript面向对象实现一个图形验证码

canvas vue.js 网站 javascript api

文末将附上组件封装的源码，欢迎大家随时沟通交流。关于项目的打包，我将使用自己基于gulp4搭建的9012教你如何使用gulp4开发项目脚手架。

2019-08-07

8290

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态