ARslince 最近的时间轴更新
ARslince

ARslince

V2EX 第 483272 号会员,加入于 2020-04-13 09:15:30 +08:00
今日活跃度排名 9858
根据 ARslince 的设置,主题列表被隐藏
二手交易 相关的信息,包括已关闭的交易,不会被隐藏
ARslince 最近回复了
11 天前
回复了 Olivia35 创建的主题 远程工作 诚招高级 Go 工程师!远程!
有前端的 JD 麻
https://github.com/slince-zero/StickerSmash
可以试一下这个例子,就是 expo 官方文档的那个例子,用 expo 启动还是很容易的,不过启动之前,需要先按着 expo 官方文档安装一下环境。
@ShrinkLynn 老哥,贵司有前端的位置吗,求捞
在招聘页里面没有看到北京的栏位
@jellywong 好,哥,那我就在您邮箱了给你发一份简历了,标题是‘前端简历投递( V2EX by ARslince )’
44 天前
回复了 demonkhh 创建的主题 创业组队 前端一枚,寻找有意思的项目
可以看看我的项目: https://github.com/slince-zero/IMaker
哥有前端的位置吗
45 天前
回复了 b1t 创建的主题 CSS css 好难,你们怎么熟练把 css 用起来的?
https://github.com/slince-zero/IMaker

可以看一下我这个项目,也是用的 tailwindcss
@sibusana
谢谢前辈的建议,先回答一下前辈的两个问题,
1. 这里设计的就是不可输入的,后续我打算实现用户可自定义输入
2. 这个问题就是一个很好的建议,后面会考虑让遮罩边框颜色改变

关于前辈的两个建议,这两点我也都想到了,写字板的业务场景确实很少,所以会考虑增加一些其他的功能,最后就是关于文本放大缩小,调整位置也在设计开发当中了
我认为有三个难点:

第一:由于我使用了 NEXTUI 这个组件库,在实现用户上传图片这个功能的时候,用到了 Button 组件,它存在一些默认行为,所以有两个方式可以修复,一方面去找到对应的默认监听行为,删除它;另一种方式通过用 JS 单独写一个逻辑去手动调用点击事件的执行。

第二:关于下载图片功能,这里有两个小点,第一小点是关于状态管理,由于我整个项目分成了三个大组件,我选择了 Context 来进行状态管理,这里我用 Context 传递了了一个 ref 值和一个 download 方法,其中这个 download 接用了 dom-to-image 这个库,但是关键在于创建一个 a 标签,进而获取到它的 url ,从而实现这个 download 方法;第二小点就是组件见传递数据的时候,数据类型会丢失,这是一个细节,所以这里要定义一个类型,不然会有问题。

第三:关于撤销动作,这里我采用的是维护一个操作历史的状态来实现,基本逻辑就是监听键盘事件,从历史记录中移除最后一次的绘图,然后重新渲染剩余的组件。

最后,整个项目的难点,在于组件之间数据的传递,项目中使用了 useContext 来作为状态管理,从来实现,组件层级之间数据的传递
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   875 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 13ms · UTC 22:18 · PVG 06:18 · LAX 15:18 · JFK 18:18
Developed with CodeLauncher
♥ Do have faith in what you're doing.