开源众包
19人浏览/20人投稿
560天前
已托管赏金
使用场景:使用Uniapp开发移动端混合应用时, 需要用到图文编辑的功能. 为保障较高的体验, 决定使用原生组件实现该功能.功能需求:1. 根据设置的不同规格, 初始化不同尺寸的画布2. 显示刻度尺，横向刻度尺长度为屏幕宽度，刻度值为创建时设置的标签宽度, 竖向刻度尺，根据横向刻度尺自适应3. 插入文本、图片、二维码、表格等操作4.单击可以选中不同的元素5.选中的元素,显示其控制器边框，可以进行移动或左右、上下缩放操作6.将编辑好的内容，生成对应尺寸的图片7.第一阶段先实现画布中,相关的操作. 底部功能菜单先实现UI, 可不实现操作8.具体画布中可进行的操作及页面UI, 已上传到附件中, 也可参考"爱墨小标",新建标签后的页面中画布的功能9.有类似项目开发经验的优先10.具体实现功能参考竞品APP中标签编辑功能及“标签插件.xmind”所述说明。附件：详细开发内容如下：主要由以下四个原生组件组成。1.1 画布1.1.1 根据传入的不同尺寸, 初始化对应的带有刻度的画布1.1.2 根据标签模板, 初始化相应的画布1.1.3 画布中,可以插入文本、图片、条形码（一维码）、二维码、表格、图标、形状、线条、时间、模板、涂鸦、表单、序列号、边框、微信码等内容1.1.4 单选模式下，单击可以切换当前选中的元素，元素选中后， 显示控制器边框，并可以移动或缩放选中的元素1.1.5 多选模式下，同时可以选中多个元素，进行整体移动1.1.6 双击选中元素，弹出对应设置弹窗，设置弹窗可以操作其在画布中的渲染情况1.2 快捷菜单主要包含以下功能：1.2.1 删除:删除当前选中的元素1.2.2 放大：选中元素中包含文字时，放大其中的文字1.2.3 缩小：选中元素中包含文字时，缩其中的文字1.2.4 旋转：顺时针旋转当前选中元素90度1.2.5 模式：两种 单选模式|多选模式，来回切换1.2.6 后退：撤回画布中最近的一次操作1.2.7 前进：还原上一次的撤回操作1.2.8 对齐：点击后，弹出对其弹窗设置当前元素在画布中的对其方式1.2.9 复制：复制当前选中的元素1.2.10 锁定：锁定后，元素不可移动或缩放1.2.11 调整：调整当前元素在画布中的位置1.3 功能菜单主要包含以下功能：1.3.1 文本：画布中插入文本元素，并弹出“文本设置”弹窗进行相关的设置1.3.2 扫一扫：将扫描到的内容，以“文本”或者“条形码”或者“二维码”的形式插入画布1.3.3 图片：显示图库图片供选择，并将选择的图片插入画布中，并弹出“图片设置”弹窗，进行相关的设置1.3.4 条形码：插入条形码元素，并弹窗“一维码设置”弹窗，进行设置1.3.5 二维码：插入二维码元素，并弹窗“二维码设置”弹窗，进行设置1.3.6 图片识别：将识别到的内容，以“文本”或者“条形码”或者“二维码”的形式插入画布,可配合实现1.3.7 表格：弹窗“表格设置”弹窗，进行设置，具体可参考竞品操作1.3.8 图标：插入选择的图标1.3.9 形状：插入图形元素，并弹出“形状设置”弹窗1.3.10 线条：插入线条元素，并弹出“线条设置”弹窗1.3.11 时间：插入日期元素，并弹出“时间设置”弹窗1.3.12 语言识别：将识别的语音内容，以“文本”或者“条形码”或者“二维码”的形式插入画布中, 可配合实现1.3.13 Excel导入：从微信或QQ中，导入excel文件，并数据插入画布中，具体操作参考竞品中的实现1.3.14 模板：弹窗“模板”选择页面，根据选中的模板，初始化画布1.3.15 涂鸦：将涂鸦后的图片，插入画布1.3.16 表单：表单页面生成的二维码，插入画布中1.3.17 序列号: 根据”序列设置”弹窗,插入相应的数据,参考竞品2中的实现方式1.3.18 边框：将选择的边框，插入画布中1.3.19 微信码: 将微信码插入画布中, 可配合实现1.3.20 保持: 将导出画布中数据,用于下次画布初始化使用1.3.21 打印: 将画布生成,对应尺寸的图片1.4 功能弹窗1.4.1 所需,请参考”功能菜单”中, 涉及到的弹窗
