精易论坛

标题: 组件:编辑框源码 [打印本页]

作者: 流云思水    时间: 2025-1-9 19:02
标题: 组件:编辑框源码
输入框(编辑框)源码
原理:
在canvas中,我们无法自己去创造一个输入框(实际是可以,只是效果可能不尽人意),我们采用dom+文字标签+矩形 来实现当用户在按下标签(文字对象)时候,激活dom,宽高与文字标签一致,完美覆盖,鼠标离开dom时候,失去焦点后,隐藏dom对象,渲染文字对象(内容同步标签)

效果:


用途:

用户账号密码登录,公告编写等效果,可以根据dom中的css改造它等同效果

扩展:
可以添加更多的动画缓动等效果


备注:
该源码为纯源码,需要根据组件文档中稍作修改后才可以编译组件使用,或者直接使用该类直接使用。

下载:

核心编辑框组件.zip (7.13 KB, 下载次数: 9)

作者: 错别字    时间: 2025-1-9 20:39
感谢分享




欢迎光临 精易论坛 (https://125.confly.eu.org/) Powered by Discuz! X3.4