实现网

在线图片编辑器 远程兼职

一般月薪18000元
项目类型:Web开发
每月工作: 30天
工作方式:
JavaScript
VUE

职位详情

1. 在编辑器中双击已插入的图片,弹出图片编辑器覆盖网页(参考金山文档www.kdocs.cn);

1.1 图片编辑器包含三部分,布局类似于编辑器页面,分别为素材区域、可视区域(图示紫色框,内含一画布)和顶部工具栏;
1.2 打开图片编辑器时,视觉上看画布默认宽度与文本编辑页的编辑区域宽度相同,滚动鼠标滚轮可以缩放画布和画布内的图片,摁住鼠标中键可以拖动画布;
1.3 素材区域可以展开或折叠(功能与文本编辑页面相同),素材区域折叠后可视区域范围变大,如下图所示.


2. 素材区域采用编辑器左侧工具栏的素材选项卡的全部内容,可以选择素材单击插入到绘图区域;
3. 通过顶部工具栏包含的功能:保存、撤销、前进、画常见图形(矩形、椭圆、直线)、插入图片、裁剪图片、叠加图片、插入带引线的序号、添加文字、全部视图(UI 设计顺序与此处相同);
3.1 添加文字后,选中文字,工具栏要包含字体、字号、加粗、斜体、下划线和颜色的操作;
3.2 画常见图形(矩形、椭圆、直线)后,选择图形,工具栏要包含边框色和填充色;
3.3 图片编辑器里选中图片后,会有移动、缩放、旋转句柄;
3.4 画布在缩放状态下,点击“全部视图”画布恢复到初始状态;
3.5 图片、文本、图形和序号都可以调整层级,新插入的图片、文本、图形或序号默认为最顶层;
3.6 序号用下图所示的样式,操作流程为先点击选择端部小圆圈的位置,再点击确认序号的位置。序号自动计算生成,删除其中一个,其余大的序号自动减1;序号的两端可以单独移动位置,也可以整体移动。序号和序号的圆圈大小设置一个默认值即可。

3.7 图片不会超出画布区域,如果图片较大,插入图片时自动压缩在画布宽度范围内。
3.8 操作裁切的八个点的规则是,鼠标左键拖动四个角的顶点时,顶点跟随鼠标移动,同时更新裁切框的宽度和高度;鼠标左键拖动四条边的中点时,竖向的边在水平方向上跟随鼠标移动,横向的边在垂直方向上跟随鼠标移动,裁切框的边不能超出被裁切的图片范围。
4.关闭图片编辑器则编辑后的图片在编辑器内显示;相当于在原图片的位置重新插入图片,位置与在图片编辑器内的左右位置无关。
5.图片要保存为可编辑的状态,可以在编辑器内双击打开图片对已完成的编辑进行修改。
6.复制图片到其余文件或保存为模块,带着之前的编辑信息,复制完后为独立的图片,修改复制后的图片不影响原图片。

已有7人投递
Small b0533926254e9c3eb760319406e46170
Small d0eb3cf1c6a27e60bb9be6fb3d3d34f3
Small 887d2cd04e9e339070b1f2746987a34c
Small aa07dceb97864f6af76c4a7401c95666
Small sample user
Small 115635617ed5153fc1de08c316a55b4b
Small 31ab9d7043bab5ca3612bf9cc81e9e72
D082282494d9f737f16370b1efa07240
昵称登录后显示 大约 2 年前
公司地址 北京 朝阳
团队人数未填写
融资情况未透露
产品介绍

暂无介绍

团队介绍

暂无介绍