【网站定制开发】在线印刷定制网站部分功能

此项目为筹备中企业定制开发在线印刷定制网站的前端图片控制的部分功能,要求能够运行在PC浏览器(Edge/Chrome/Firefox/Safari)和微信小程序中,可嵌入页面或在单独的页面使用。可提供可类似功能的网站参考,附件中是部分界面效果图,主要涉及前端对图片的操作功能点包括: 1、通过js实现图片的拖拽移动位置、在图片上增加翻转/缩放/旋转/删除的操作点以及实现相应的功能。 2、通过js实现图片非透明边缘的识别,生成轮廓。 3、通过js实现多图片的叠加显示,如在图片上增加预定义元素部件、最顶层加边框、底层加背景等。 4、通过js实现预定义图形或轮廓图对多个图片或图层的“裁剪”(或遮盖轮廓外的部分) 5、通过js实现在轮廓边缘融合特定图案(挂扎和插口),在前端生成新的轮廓效果。 6、通过js实现在前端对图片非透明部分填充指定图案。 功能需求如下: 1、页面分为主操作区和功能选项+功能控制区域 2、主操作区显示需要操作的主体,默认只有一个主体,通过参数有背面图案时,需要做“正面”、"背面"切换的选项页进行主体切换(默认正反面图片相同,可单独修改背面图案) 3、每个主体可支持多个图层(默认为1个,且不需要显示图层控制工具栏),每个图层均可单独一张图片,按顺序叠加显示 4、主操作区根据宽度和高度参数,显示一个矩形框,上传或显示的图片均在矩形内等比例显示 5、有刀线属性时,如果是PNG文件,根据图片的透明边缘+描边宽度绘制红色“刀线”,如果图片是JPEG或没有透明边缘,则在整张图片周围绘制红色“刀线” 6、有包边属性时,根据尺寸在主操作区最上层显示包边的透明图案文件。 7、有裁剪误差属性时,根据误差值在矩形柜向内误范围显示红色斜纹(误差中空矩形内边作红色矩形) 8、有固定形状+裁剪文件时,在主操作区矩形柜最上层显示透明的裁剪文件图案 9、在总览区,从后端Api加载预览图片(多张时允许轮播显示和控制) 10、点击主操作区的主图片(或元素项目),即可进入此图片的编辑功能(选项卡切换到“图片编辑”),如果直接点击“图片编辑”则默认编辑主图片(如果存在) 11、图片编辑选项卡顶部显示当前编辑的图片或元素的微缩图,点击“替换图片”将弹出图片上传对话框上传图片(上传后替换原图片),点击“删除图片”将当前编辑的图片清除(包括主体中显示的部分);显示当前图片在矩形框中的相对位置(如果用鼠标移动图片动,则同时更新位置数据);通过“图片操作”功能可对当前选择的图片在主体中进行相应的变化,如“高度最大化”到矩形框的高度,“宽度最大化”到矩形最磊宽度,“水平翻转”将图片在水平方向上翻转,“垂直翻转”将图片在垂直方向上翻转,“逆时针旋转”则将图片逆时针旋转10°,“顺时针旋转”则是将图片顺时针旋转10°;“图片缩放”的滑块或数值变化,能将选择的图片进行相应的缩放(通过拖动图片上的缩放控制点也可以缩放);“图片旋转”的滑块或数值变化,均能将选择的图片进行旋转,范围是0~360°,点击面板下方的保存可将数据保存到后端Api,完成图片编辑退出图片编辑后,所有刀线/包边/裁剪误差/固定形状+裁剪文件在主窗口之外的部分,均暂时隐藏(进入图片编辑后,如果图片或元素被隐藏的在刀线/包边/裁剪误差/固定形状+裁剪文件之外的部分完整显示,并允许通过图片或元素上的缩放或旋转控制点调整图片或元素,点击图片中部则可将图片或元素进行移动)。 12、有元素属性,显示元素库选项卡,已有的元素,可通过点击选中进入图片编辑页面进行调整;或者进入元素库选项卡,选择新的元素叠加到图片中间,如果点击清除所有元素,则会将工作区的所有元素删除。工作区被点击的元素会在三个角分别提供“缩放”、“旋转”、“删除”的功能或控制点,非控制点部分拖动则可移动位置。 13、有边框属性,显示边框选项卡,进入边框库选项卡,列出所有可用的边框效果,选择后会将边框图案的透明文件填充到工作区的矩形框,选择第二种边框将替换已有的边框效果,点击清除边框则取消边框。 14、有背景属性,显示背景选项卡,点击进入背景库选项卡,列出所有可用的背景,选择后将背景显示在工作区矩形框的底部,背景允许移动、通过控制点缩放旋转。点击清空背景图则清除背景。 15、在有刀线属性的情况下,将显示轮廓刀线选项卡,默认是自动形状(使用图片形状,或PNG透明图片的边缘形状),可使用已经定义好的轮廓形状(后台提供对应的PNG透明形状图片),或者用户上传带透明形状的PNG图片,选择新的形状后,将形状应用到工作区的矩形框中(如果有挂孔或插口,则需要重新对齐到刀线上),同时将形状之外的图片部分隐藏。 16、在有挂孔属性的情况下,显示挂孔设计选项卡,工作区根据属性显示1个或2个挂孔在刀线或边缘上。默认使用圆形挂孔,第1个孔径,顶部居中位置,挂孔面板可显示挂孔的位置,挂孔的尺寸(界面提供mm和px的转换按钮,点击后转换对应的值的单位),点击居中则将挂孔移动到当前边的居中位置(贴合在刀线或边缘线上,如果当前在上部或下部则定位到宽度居中位置然后贴合到上部分或下部分的刀线上,如果在左边或右边则定位到高度居中然后贴合到左边或右边的刀线或边缘),选择新的形状或孔径后(方形和三角形可以通过参数设置圆角的弧度,默认为0即为直角或尖角),在工作区重新绘制挂孔,在工作区可以通过拖动来调整挂孔的位置(向外移动时形状中孔边缘向外不超出主部件轮廓边缘,向内移动时形状外边缘不超过主轮廓边缘,挂孔必须贴合在切线或边缘上)。如果是双挂孔属性,则默认将工作区的第1个挂孔显示为蓝色,挂孔面板操作的是显示为蓝色的挂孔,可在工作区点击或触控来切换。 17,如果有插口属性,显示插口选项卡,如果有插口位置范围,则需要在工作区的刀线底部用虚线线蓝透明块显示有效范围(通常在工作区矩形框底边与刀线轮廓之间),代表插口的图块只能在这个范围左右移动,否则可以在整个矩形框底部移动,插块分为承接部和插块部,移动时插块部不可以越过主体图案的刀线,代表插块承接部的方块不可以移动到完全脱离刀线(且不可突出到刀线最左或最右侧之外),插块承接部分有部分在刀线之外,且设置为向上整合刀线时,沿突出部分的左沿或右沿向上连接到主体刀线,形成新的刀线边界。 18、如果有烫色属性,显示烫色选项卡,在烫色面板选择烫色模板,即可将模板图案叠加到工作区的矩形框中心,可通过图案的缩放和旋转操控点修改大小和角度,拖动主体可移动位置,点击模板图案上的“编辑文字”可在弹出对话框输入文字(允许同一图案定义0~5个文字位置,位置、字体和最多字数固定)完成输入确认后调用接口获取新图案更新到页面;在烫色元素选择内容,可将各种预定义形状叠加到矩形区,烫色元素没有编辑文字功能,但可以通过操控点左右翻转图像,或通过缩放或旋转操控点修改大小和角度,同样拖动主体可移动元素位置。 19、如果有白墨层属性,则显示白墨层选项卡,点击白墨选项卡,工作区将显示有效图案以及白墨区域(在图案上覆盖半透明灰色区域),并在矩形框上显示“灰色区域为白墨覆盖区”字块。在白墨层面板中,显示白墨区来源图,并提供上传白墨图(支持带透明边缘的PNG图片)的功能,也可通过删除功能删除白墨定义。可设置“白墨收缩”或“白墨不收缩”,改变这个选项并不引导主工作区的变化。切换到其它选项卡时隐藏白墨层预览。 20、通过保存按钮,可以将以上内容有变化拼接成Json提交到指定接口,保存成功后返回指定页面。如果以上内容有修改但没有保存,需要提示用户“设计有修改是否需要保存?”。如有不清楚的请及时联系了解。

网站定制开发深圳市

需人才报价 查看详情

印刷宣传笔记本封面&内页设计

1用adobe indisign软件设计 2可以随时修改排版,生成PDF预览 3给予相关主题及思路,可以提供2-3版内容备选 4设计内容美观、整洁 5可快速完成的设计任务 6能够随时交付各个版本的源文件原稿。 1封皮 跟文化市场综合行政执法支队系列普法宣传项目, 2设计一个简约首页,一段话语(跟系列普法宣传项目相关)+2026+备忘录成员单位   **合作单位列表 (纵向排列):   *  `XX市文化和旅游局` 第2页 左侧内容: 在时代的浪潮中,文化市场如同一幅绚丽多彩却又需精心勾勒的画卷。2025年,长春文旅协同备忘录合作成员单位肩负起重要使命,踏上系列普法宣传之路。 文化,承载着城市的灵魂与人们的精神寄托,而法治,则是守护这片文化天地的坚固城墙。我们深知,每一位市民都是文化市场的参与者、见证者,让法治精神融入大家的日常点滴,刻不容缓。 希望将法律知识化作丝丝春雨,润泽每一个角落。愿大家在了解、遵循法律的过程中,与长春文旅携手,共同为文化市场营造健康、有序且充满活力的良好氛围,让法治成为生活最美的底色。 右侧内容(选择其一) 法治护航生活 法治点亮公平 法治守护正义 法治规范言行 法治保障权益 法治营造和谐  第3页 姓名工作单位等(微调) 第4页 日历(有模板) 第5页 学习清单(有模板) 第6页 挑战打卡(有模板) 第7页 通讯录(自定义) 第8页 左侧为通讯录 右侧为 你好一月   法条(后续提供) 第9页 一直到一月份完成,之后第2月-第12月都是类似的模板。 共计365页左右。

书籍装帧设计长春市

¥500 - 3000元 查看详情

3duv印刷需求外包介绍
本页是猪八戒网为您找到的3duv印刷需求外包信息,包括威客参与数、剩余参与机会及截止日期等,为个人及公司、企业提供最新最全的3duv印刷需求外包信息,查找3duv印刷需求,尽在猪八戒网。
3duv印刷需求推荐