背景现在的电子设备太普及,用笔的频率大大降低,导致现在很多人提笔忘字、写字“丑”、错字、用法不当、频频出现。文字是我国传统文化最为重要悠久的积淀,包含前人无数智慧和经验,我们不应舍弃。于是,我开发多功能手写板,并且实现了练字功能。多功能手写板的存在,可以告别纸张字帖,实现字帖自由,能在设备上临摹。很多人笔画不规范,写字会有倒笔顺的现象,这直接导致书写不美观,针对这个问题,实现了笔顺纠错,评分功...
2022-10-02 19:00:23 1.1w浏览 7点赞 2回复 2收藏
[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言日常我们经常能见到验证码,网站上的验证码的作用是保护网站安全,一般网站都要通过验证码来防止机器大规模注册等危害。一般验证码有:图像验证、算数验证、滑动验证等。有些验证码验证起来有些麻烦,对我来说,最方便的验证方式是滑动滑块验证,滑块验证的使用体验非常好。所以本篇文章我来尝试着实现一个滑动验证码。当然,这种验证码一般都是第三...
2022-07-30 16:59:43 9173浏览 5点赞 1回复 3收藏
[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言本篇还是canvas内容,实现的是一个绘画板,本次绘画板的功能比较多一些,包括画笔颜色切换、清空、橡皮擦、保存、撤回、反撤回。可以用该绘画板来完成一些基础的绘画功能。介绍这是一个绘画板,我们可以实现简单的绘画,功能包括:画笔颜色切换、清空、橡皮擦、保存、撤回、反撤回效果展示原理分析1.线条生成这是最基础的功能,具体实现方法,前面的...
2022-07-29 13:06:16 8486浏览 7点赞 2回复 1收藏
[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言很多手机都有悬浮球的功能,并且悬浮球可以有很多功能点,可以显示、隐藏与拖拽,这次我也来实现一个悬浮球的组件介绍这是一个悬浮球,我们可以对这个悬浮球进行拖拽,当靠近左右两边时,会自动进行隐藏效果展示使用参数名称参数描述参数类型默认值x横坐标Number100y纵坐标Number100isShow是否显示悬浮球Booleantrue原理分析1.拖拽原理获取元素有两种...
2022-07-25 14:15:17 1.1w浏览 8点赞 4回复 3收藏
[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言最近在学习openHarmony,恰好之前了解过canvas,所以本篇文章分享一下我实现的一个手绘板,利用openHarmony内置的APIcnavas组件实现。介绍这是一个手绘板,并且可以根据滑动屏幕速度,动态生成线条大小,当用户触摸屏幕,会生成线条,并且速度越快,线条越细。效果展示原理分析1.绘制原理使用前,需要线了解canvas组件,可以参考harmonyOS开发者文档...
2022-07-12 14:57:29 7947浏览 8点赞 4回复 1收藏
[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言本篇文章分享一下我实现的一个文字云组件,实现原理很简单,通过文字出现的频率,来动态生成文字大小,最后渲染即可介绍文字云,可以根据文字出现的频率,来展示不同的文字大小,并随机生成颜色效果展示使用参数名称参数描述参数类型默认值list需要展示的数据Array无width组件宽度Number400height组件高度Number500temp步频Number5fontmax最大文字大...
2022-07-08 22:27:16 9114浏览 10点赞 5回复 1收藏
[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言第一次接触HarmonyOS,不太熟悉语法,需要反复查看文档,所以就写了一个比较简单的progress组件🐢。效果展示实现步骤htmlcss.progresswrapper{width:100%;display:flex;alignitems:center;justifycontent:center;}.progress{width:100%;height:30px;borderradius:20px;backgroundcolor:eee;overflow:hidden;cursor:pointer;}.progressFinish{height:1...
2022-06-28 12:13:16 7025浏览 6点赞 2回复 2收藏