CN113835595A - 图片展示方法、装置、电子设备及计算机存储介质 - Google Patents

图片展示方法、装置、电子设备及计算机存储介质 Download PDF

Info

Publication number
CN113835595A
CN113835595A CN202010579602.2A CN202010579602A CN113835595A CN 113835595 A CN113835595 A CN 113835595A CN 202010579602 A CN202010579602 A CN 202010579602A CN 113835595 A CN113835595 A CN 113835595A
Authority
CN
China
Prior art keywords
editing
picture
pictures
edited
different sizes
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202010579602.2A
Other languages
English (en)
Inventor
林晓晴
郑俊鑫
赖志强
许铭洁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN202010579602.2A priority Critical patent/CN113835595A/zh
Publication of CN113835595A publication Critical patent/CN113835595A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供了一种图片展示方法、装置、电子设备及计算机存储介质,涉及图片制作领域。其中,所述方法包括:接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。通过本申请实施例,能够有效提升对图片的编辑操作的便利性和编辑体验。

Description

图片展示方法、装置、电子设备及计算机存储介质
技术领域
本发明实施例涉及图片制作领域,尤其涉及一种图片展示方法、装置、电子设备及计算机存储介质。
背景技术
图片制作平台的编辑界面上使用多列布局模式展示多个不同尺寸的图片,虽然能够实时地查看多个不同尺寸的图片之间的编辑状态,但每个尺寸的图片的画布的展示空间有限,导致对图片的编辑操作空间受限。由此可见,如何有效提升对图片的编辑操作的便利性和编辑体验成为当前亟待解决的技术问题。
发明内容
有鉴于此,本发明实施例提供一种图片展示方案,以至少部分解决上述技术问题。
根据本发明实施例的第一方面,提供了一种图片展示方法。所述方法包括:接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
根据本发明实施例的第二方面,提供了一种图片展示方法。所述方法包括:接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作;在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
根据本发明实施例的第三方面,提供了一种图片编辑方法。所述方法包括:为编辑界面中的编辑控件配置至少一个标准化编辑操作;响应于对所述编辑界面中的编辑控件的操作,对待编辑的图片执行所述至少一个标准化编辑操作。
根据本发明实施例的第四方面,提供了一种图片展示装置。所述装置包括:第一接收模块,用于接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;第一展示模块,用于基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
根据本发明实施例的第五方面,提供了一种图片展示装置。所述装置包括:第三接收模块,用于接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作;第三展示模块,用于在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
根据本发明实施例的第六方面,提供了一种图片编辑装置。所述装置包括:配置模块,用于为编辑界面中的编辑控件配置至少一个标准化编辑操作;编辑模块,用于响应于对所述编辑界面中的编辑控件的操作,对待编辑的图片执行所述至少一个标准化编辑操作。
根据本发明实施例的第七方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如第一方面所述的图片展示方法对应的操作,或者执行如第二方面所述的图片展示方法对应的操作,或者执行如第三方面所述的图片编辑方法对应的操作。
根据本发明实施例的第八方面,提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现如第一方面所述的图片展示方法,或者实现如第二方面所述的图片展示方法,或者实现如第三方面所述的图片编辑方法。
根据本发明实施例提供的图片展示方案,接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作,并基于第一选择操作,在位于编辑界面的第一编辑区域展示多个不同尺寸的图片中待编辑的目标尺寸图片,及在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,与现有的其它方式相比,将多个不同尺寸的图片中待编辑的目标尺寸图片展示于位于编辑界面的第一编辑区域,并且在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的编辑操作的便利性和编辑体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明实施例中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1A为本申请实施例一中图片展示方法的步骤流程图;
图1B为根据本申请实施例一提供的编辑界面的示意图;
图2A为本申请实施例二中图片展示方法的步骤流程图;
图2B为根据本申请实施例二提供的编辑界面的示意图;
图3为本申请实施例三中图片展示方法的步骤流程图;
图4为本申请实施例四中图片编辑方法的步骤流程图;
图5为本申请实施例五中图片展示装置的结构示意图;
图6为本申请实施例六中图片展示装置的结构示意图;
图7为本申请实施例七中图片展示装置的结构示意图;
图8为本申请实施例八中图片编辑装置的结构示意图;
图9为本申请实施例九中电子设备的结构示意图。
具体实施方式
为了使本领域的人员更好地理解本发明实施例中的技术方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本发明实施例一部分实施例,而不是全部的实施例。基于本发明实施例中的实施例,本领域普通技术人员所获得的所有其他实施例,都应当属于本发明实施例保护的范围。
下面结合本发明实施例附图进一步说明本发明实施例具体实现。
参照图1A,示出了本申请实施例一的图片展示方法的步骤流程图。
具体地,本实施例提供的图片展示方法包括以下步骤:
在步骤S101中,接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作。
在本申请实施例中,图片制作平台通过插件,对设计师设计的图片的每个图层进行解析,并对每个图层标志上唯一的标识信息,然后,将设计师设计的图片的所有图层的信息整体打包输出到图片制作平台的页端。页端将设计师设计的图片的所有图层的信息包作为源模板设置。之后,用户可以直接在页端上输入多个不同尺寸的数值即可一键批量获得多个不同尺寸的图片。多个不同尺寸的图片可以具有相同的图片内容,也可以不具有相同的图片内容,本申请实施例对此不做任何限定。所述大视图预览模式可简单理解为在图片制作平台的编辑界面展示单独的编辑区域,并在编辑区域的一侧展示多个缩略图的布局模式。所述第一选择操作可为针对图片制作平台的编辑界面中的大视图预览模式控件的点击操作、拖拽操作或者长按操作等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在步骤S102中,基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
在本申请实施例中,所述编辑界面可为图片制作平台的编辑界面、图片设计软件的编辑界面等。所述第一编辑区域可理解为在编辑界面上用于编辑图片的区域。所述待编辑的目标尺寸图片可为图片制作平台从多个不同尺寸的图片中选择的图片,例如,图片制作平台默认排序在最前面的缩略图对应的图片为待编辑的目标尺寸图片。在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图时,可在所述第一编辑区域的左侧、右侧、上侧或者下侧展示所述多个不同尺寸的图片的缩略图。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一些可选实施例中,在基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图时,基于所述第一选择操作,在位于所述编辑界面的居中位置的第二编辑区域展示所述待编辑的目标尺寸图片,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。其中,所述纵向布局模式可理解为以列布局的模式,所述横向布局模式可理解为以横布局的模式。籍此,通过将多个不同尺寸的图片中待编辑的目标尺寸图片展示于位于编辑界面的居中位置的第二编辑区域,并且在第二编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的编辑操作的便利性和编辑体验。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一些可选实施例中,在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图之后,所述方法还包括:接收针对展示的所述多个不同尺寸的图片的缩略图的第二选择操作;在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片。其中,所述第二选择操作可为针对展示的多个不同尺寸的图片的缩略图的点击操作、拖拽操作或者长按操作等。籍此,通过在第一编辑区域展示第二选择操作所选择的缩略图对应的图片,能够根据第二选择操作切换第一编辑区域展示的图片,从而方便用户将需要编辑的图片切换至第一编辑区域进行编辑。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一些可选实施例中,在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片时,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。籍此,通过在第一编辑区域放大展示第二选择操作所选择的缩略图对应的图片,扩大了第二选择操作所选择的缩略图对应的图片的编辑操作空间,从而能够有效提升对图片的编辑操作的便利性和编辑体验。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片时,基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例;基于所述放大比例,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,在基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例时,计算所述第二选择操作所选择的缩略图对应的图片的宽度与所述第一编辑区域的宽度的第一比值;计算所述第二选择操作所选择的缩略图对应的图片的高度与所述第一编辑区域的高度的第二比值;确定所述第一比值与所述第二比值中的较小者为所述第二选择操作所选择的缩略图对应的图片的放大比例。籍此,通过第二选择操作所选择的缩略图对应的图片的尺寸和第一编辑区域的尺寸确定的放大比例,能够有效保证放大后的图片不超出图片制作平台的编辑界面。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,获取用户选中的缩略图对应的图片的宽度和高度以及当前编辑界面下编辑区域的宽度和高度。然后,计算用户选中的缩略图对应的图片的宽度与当前编辑界面下编辑区域的宽度的宽度比值以及用户选中的缩略图对应的图片的高度与当前编辑界面下编辑区域的高度的高度比值。取宽度比值和高度比值中的较小者作为放大比例,保证用户选中的缩略图对应的图片放大后不会超出编辑界面。最后,将用户选中的缩略图对应的图片的宽度和高度及位置等以放大比例绘制于编辑界面的编辑区域。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,如图1B所示,四张图片的图片内容相同,并且尺寸分别为890ⅹ240、640ⅹ400、600ⅹ230和580ⅹ400。当用户在图片制作平台的编辑界面上点击多列布局模式控件时,在图片制作平台的编辑界面以多列布局模式展示四张图片。当用户在图片制作平台的编辑界面上点击大视图预览模式控件时,在图片制作平台的编辑界面以大视图预览模式展示四张图片,并且将排在最前面的缩略图对应的图片展示于编辑界面的编辑区域中。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
通过本申请实施例提供的图片展示方法,接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作,并基于第一选择操作,在位于编辑界面的第一编辑区域展示多个不同尺寸的图片中待编辑的目标尺寸图片,及在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,与现有的其它方式相比,将多个不同尺寸的图片中待编辑的目标尺寸图片展示于位于编辑界面的第一编辑区域,并且在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的编辑操作的便利性和编辑体验。
本实施例提供的图片展示方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、眼镜、手表、可穿戴设备、虚拟显示设备或显示增强设备等。
参照图2A,示出了本申请实施例二的图片展示方法的步骤流程图。
具体地,本实施例提供的图片展示方法包括以下步骤:
在步骤S201中,接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作。
由于该步骤S201的具体实施方式与上述步骤S101的具体实施方式类似,在此不再赘述。
在步骤S202中,基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
由于该步骤S202的具体实施方式与上述步骤S102的具体实施方式类似,在此不再赘述。
在步骤S203中,将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
在一些可选实施例中,在将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中时,响应于对所述编辑界面中编辑同步控件的开启操作,将所述编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,用户对图片制作平台的编辑界面中的编辑同步控件执行开启操作。响应于对所述编辑界面中编辑同步控件的开启操作,将所述编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,在将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中时,通过所述编辑界面的脚本代码中的脚本对象,获取接收到的针对所述目标尺寸图片的图层的编辑操作所对应的编辑数据;基于所述编辑数据包括的被编辑的所述图层的标识信息,遍历所述多个不同尺寸的图片的图层的标识信息,以查找到标识信息与被编辑的所述图层的标识信息相同的图层;将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图。籍此,通过接收到的针对目标尺寸图片的图层的编辑操作所对应的编辑数据,能够有效地更新展示的所述多个不同尺寸的图片的缩略图,以将接收到的针对待编辑的目标尺寸图片的编辑操作同步至展示的多个不同尺寸的图片的缩略图中,从而不仅能够让用户实时直观地观察到针对多个不同尺寸的图片的编辑效果,而且还能够有效提升针对多个不同尺寸的图片的编辑效率。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,所述编辑数据包括以下中的至少一者:被编辑的所述图层中的元素相对于画板的坐标、被编辑的所述图层中的元素的尺寸、被编辑的所述图层中的元素的旋转角度、被编辑的所述图层中的元素的缩放比、被编辑的所述图层的标识信息、被编辑的所述图层的透明度。其中,被编辑的所述图层中的元素可为文本、图片、表格、插件、文字或图形等。将该元素的横坐标,减去遮罩层的宽度,并将该元素的纵坐标,减去遮罩层的高度,即可获得该元素相对于画板的坐标。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,在将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图时,将应用有所述编辑数据的图层所在的图片绘制于画布上;通过调用图片数据生成函数,将绘制于所述画布上的图片导出成图片数据;基于所述图片数据,更新绘制于所述画布上的图片的缩略图对应的页面图像标签的来源属性值,以更新绘制于所述画布上的图片的缩略图。其中,页面图像标签为页面的HTML代码中的<img>标签,页面图像标签的来源属性值为<img>元素的src值,所述图片数据生成函数可为浏览器提供的canvas.toDataURL函数,所述图片数据可为图片的base64数据。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,在用户针对编辑区域中的放大图片执行编辑操作之后,通过编辑界面的脚本代码中的脚本对象,获取接收到的针对放大图片的图层的编辑操作所对应的编辑数据。如果用户没有开启编辑界面上的编辑同步控件,则基于编辑数据,将编辑操作同步至放大图片的缩略图。如果用户开启编辑界面上的编辑同步控件,则将编辑数据除以放大图片的放大比例,还原放大图片的原图的真实编辑数据。然后,在多个不同尺寸的图片上遍历图层标识找出与发生编辑的图层的标识相同的图层X。将真实编辑数据应用到图层X的上,接着将该图层X所在的图片绘制于画布上,然后调用canvas.toDataURL函数生成图片数据,最后更新图片的缩略图对应的<img>元素的src值,以更新缩略图。可替换地,由于不同尺寸的图片之间的宽高不同,关联的图层中的元素可根据不同尺寸的图片的宽高进行等比的位移和缩放,进而更新不同尺寸的图片的缩略图。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,如图2B所示,四张图片的图片内容相同,并且尺寸分别为890ⅹ240、640ⅹ400、600ⅹ230和580ⅹ400。在用户在图片制作平台的编辑界面上开启编辑同步功能之后,用户针对编辑区域中的图片的编辑操作可同步至编辑区域左侧的缩略图中。具体地,用户在编辑区域中的图片上画了一道弧线,相应地,在编辑区域左侧的缩略图中均画了一道弧线,也即同步了编辑操作。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
通过本申请实施例提供的图片展示方法,接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作,并基于第一选择操作,在位于编辑界面的第一编辑区域展示多个不同尺寸的图片中待编辑的目标尺寸图片,及在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,与现有的其它方式相比,将多个不同尺寸的图片中待编辑的目标尺寸图片展示于位于编辑界面的第一编辑区域,并且在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的编辑操作的便利性和编辑体验。
此外,在位于编辑界面的第一编辑区域展示多个不同尺寸的图片中待编辑的目标尺寸图片之后,通过将接收到的针对待编辑的目标尺寸图片的编辑操作同步至展示的多个不同尺寸的图片的缩略图中,不仅能够让用户实时直观地观察到针对多个不同尺寸的图片的编辑效果,而且还能够有效提升针对多个不同尺寸的图片的编辑效率。
本实施例提供的图片展示方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、眼镜、手表、可穿戴设备、虚拟显示设备或显示增强设备等。
参照图3,示出了本申请实施例三的图片展示方法的步骤流程图。
具体地,本实施例提供的图片展示方法包括以下步骤:
在步骤S301中,接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作。
在本申请实施例中,所述待编辑的目标尺寸图片可为图片制作平台从多个不同尺寸的图片中选择的图片,例如,图片制作平台默认排序在最前面的缩略图对应的图片为待编辑的目标尺寸图片。所述局部选择操作可为针对待编辑的目标尺寸图片的点击操作,或者针对待编辑的目标尺寸图片的局部的选择操作。例如,针对待编辑的目标尺寸图片的圆形区域的选择操作,针对待编辑的目标尺寸图片的矩形区域的选择操作,针对待编辑的目标尺寸图片的三角区域的选择操作等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一些可选实施例中,在接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作时,响应于对所述编辑界面中局部选择控件的开启操作,接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一个具体的例子中,用户对图片制作平台的编辑界面中的局部选择控件执行开启操作。响应于对所述编辑界面中局部选择控件的开启操作,接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在步骤S302中,在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
在本申请实施例中,所述编辑界面可为图片制作平台的编辑界面、图片设计软件的编辑界面等。所述第一编辑区域可理解为在编辑界面上用于编辑图片的区域。在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图时,可在所述第一编辑区域的左侧、右侧、上侧或者下侧展示所述多个不同尺寸的图片的缩略图。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在一些可选实施例中,在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图时,在位于所述编辑界面的居中位置的第二编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。其中,所述纵向布局模式可理解为以列布局的模式,所述横向布局模式可理解为以横布局的模式。籍此,通过将多个不同尺寸的图片中待编辑的目标尺寸图片的局部部分展示于位于编辑界面的居中位置的第二编辑区域,并且在第二编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的局部部分的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的局部部分的编辑操作的便利性和编辑体验。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
通过本申请实施例提供的图片展示方法,接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作,并在位于编辑界面的第一编辑区域展示局部选择操作所选择的待编辑的目标尺寸图片的局部部分,并在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,与现有的其它方式相比,在位于编辑界面的第一编辑区域展示局部选择操作所选择的待编辑的目标尺寸图片的局部部分,并在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的局部部分的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的局部部分的编辑操作的便利性和编辑体验。
本实施例提供的图片展示方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、眼镜、手表、可穿戴设备、虚拟显示设备或显示增强设备等。
参照图4,示出了本申请实施例四的图片编辑方法的步骤流程图。
具体地,本实施例提供的图片编辑方法包括以下步骤:
在步骤S401中,为编辑界面中的编辑控件配置至少一个标准化编辑操作。
在本申请实施例中,所述编辑界面可为图片制作平台的编辑界面、图片设计软件的编辑界面等。所述编辑控件可理解为在被触发的情况下用于编辑图片的控件。所述标准化编辑操作可理解为编辑图片的标准化操作。所述标准化编辑操作可为渲染操作、图层叠加操作等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
在步骤S402中,响应于对所述编辑界面中的编辑控件的操作,对待编辑的图片执行所述至少一个标准化编辑操作。
在本申请实施例中,在用户对编辑界面中的编辑控件进行操作时,响应于对编辑界面中的编辑控件的操作,对待编辑的图片执行至少一个标准化编辑操作。可以理解的是,以上描述仅为示例性的,本申请实施例对此不做任何限定。
通过本申请实施例提供的图片编辑方法,为编辑界面中的编辑控件配置至少一个标准化编辑操作;响应于对编辑界面中的编辑控件的操作,对待编辑的图片执行至少一个标准化编辑操作,与现有的其它方式相比,通过为编辑界面中的编辑控件配置至少一个标准化编辑操作,实现了至少一个标准化编辑操作的打包,在用户对编辑界面中的编辑控件进行操作时,响应于对编辑界面中的编辑控件的操作,对待编辑的图片执行至少一个标准化编辑操作,简化了待编辑的图片的编辑操作,从而有效提升用户对图片的编辑体验。
本实施例提供的图片编辑方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、眼镜、手表、可穿戴设备、虚拟显示设备或显示增强设备等。
参照图5,示出了本申请实施例五中图片展示装置的结构示意图。
本实施例提供的图片展示装置包括:第一接收模块501,用于接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;第一展示模块502,用于基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
本实施例提供的图片展示装置用于实现前述多个方法实施例中相应的图片展示方法,并具有相应的方法实施例的有益效果,在此不再赘述。
参照图6,示出了本申请实施例六中图片展示装置的结构示意图。
本实施例提供的图片展示装置包括:第一接收模块601,用于接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;第一展示模块602,用于基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
可选地,所述第一展示模块602,具体用于:基于所述第一选择操作,在位于所述编辑界面的居中位置的第二编辑区域展示所述待编辑的目标尺寸图片,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。
可选地,所述第一展示模块602之后,所述装置还包括:第二接收模块603,用于接收针对展示的所述多个不同尺寸的图片的缩略图的第二选择操作;第二展示模块604,用于在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片。
可选地,所述第二展示模块604,包括:展示子模块6041,用于在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。
可选地,所述展示子模块6041,包括:确定单元6042,用于基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例;展示单元6043,用于基于所述放大比例,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。
可选地,所述确定单元6042,具体用于:计算所述第二选择操作所选择的缩略图对应的图片的宽度与所述第一编辑区域的宽度的第一比值;计算所述第二选择操作所选择的缩略图对应的图片的高度与所述第一编辑区域的高度的第二比值;确定所述第一比值与所述第二比值中的较小者为所述第二选择操作所选择的缩略图对应的图片的放大比例。
可选地,所述第一展示模块602之后,所述装置还包括:同步模块605,用于将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
可选地,所述同步模块605,具体用于:响应于对所述编辑界面中编辑同步控件的开启操作,将所述编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
可选地,所述同步模块605,包括:获取子模块6051,用于通过所述编辑界面的脚本代码中的脚本对象,获取接收到的针对所述目标尺寸图片的图层的编辑操作所对应的编辑数据;遍历子模块6052,用于基于所述编辑数据包括的被编辑的所述图层的标识信息,遍历所述多个不同尺寸的图片的图层的标识信息,以查找到标识信息与被编辑的所述图层的标识信息相同的图层;应用子模块6053,用于将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图。
可选地,所述应用子模块6053,具体用于:将应用有所述编辑数据的图层所在的图片绘制于画布上;通过调用图片数据生成函数,将绘制于所述画布上的图片导出成图片数据;基于所述图片数据,更新绘制于所述画布上的图片的缩略图对应的页面图像标签的来源属性值,以更新绘制于所述画布上的图片的缩略图。
可选地,所述编辑数据包括以下中的至少一者:被编辑的所述图层中的元素相对于画板的坐标、被编辑的所述图层中的元素的尺寸、被编辑的所述图层中的元素的旋转角度、被编辑的所述图层中的元素的缩放比、被编辑的所述图层的标识信息、被编辑的所述图层的透明度。
本实施例提供的图片展示装置用于实现前述多个方法实施例中相应的图片展示方法,并具有相应的方法实施例的有益效果,在此不再赘述。
参照图7,示出了本申请实施例七中图片展示装置的结构示意图。
本实施例提供的图片展示装置包括:第三接收模块701,用于接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作;第三展示模块702,用于在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
可选地,所述第三接收模块701,具体用于:响应于对所述编辑界面中局部选择控件的开启操作,接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作。
可选地,所述第三展示模块702,具体用于:在位于所述编辑界面的居中位置的第二编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。
本实施例提供的图片展示装置用于实现前述多个方法实施例中相应的图片展示方法,并具有相应的方法实施例的有益效果,在此不再赘述。
参照图8,示出了本申请实施例八中图片编辑装置的结构示意图。
本实施例提供的图片编辑装置包括:配置模块801,用于为编辑界面中的编辑控件配置至少一个标准化编辑操作;编辑模块802,用于响应于对所述编辑界面中的编辑控件的操作,对待编辑的图片执行所述至少一个标准化编辑操作。
本实施例提供的图片编辑装置用于实现前述多个方法实施例中相应的图片编辑方法,并具有相应的方法实施例的有益效果,在此不再赘述。
参照图9,示出了根据本发明实施例九的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图9所示,该电子设备可以包括:处理器(processor)902、通信接口(Communications Interface)904、存储器(memory)906、以及通信总线908。
其中:
处理器902、通信接口904、以及存储器906通过通信总线908完成相互间的通信。
通信接口904,用于与其它电子设备或服务器进行通信。
处理器902,用于执行程序910,具体可以执行上述图片展示方法实施例中的相关步骤。
具体地,程序910可以包括程序代码,该程序代码包括计算机操作指令。
处理器902可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。智能设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器906,用于存放程序910。存储器906可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序910具体可以用于使得处理器902执行以下操作:接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
在一种可选的实施方式中,程序910还用于使得处理器902在基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图时,基于所述第一选择操作,在位于所述编辑界面的居中位置的第二编辑区域展示所述待编辑的目标尺寸图片,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。
在一种可选的实施方式中,程序910还用于使得处理器902在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图之后,接收针对展示的所述多个不同尺寸的图片的缩略图的第二选择操作;在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片。
在一种可选的实施方式中,程序910还用于使得处理器902在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片时,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。
在一种可选的实施方式中,程序910还用于使得处理器902在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片时,基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例;基于所述放大比例,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。
在一种可选的实施方式中,程序910还用于使得处理器902在基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例时,计算所述第二选择操作所选择的缩略图对应的图片的宽度与所述第一编辑区域的宽度的第一比值;计算所述第二选择操作所选择的缩略图对应的图片的高度与所述第一编辑区域的高度的第二比值;确定所述第一比值与所述第二比值中的较小者为所述第二选择操作所选择的缩略图对应的图片的放大比例。
在一种可选的实施方式中,程序910还用于使得处理器902在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片之后,将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
在一种可选的实施方式中,程序910还用于使得处理器902在将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中时,响应于对所述编辑界面中编辑同步控件的开启操作,将所述编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
在一种可选的实施方式中,程序910还用于使得处理器902在将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中时,通过所述编辑界面的脚本代码中的脚本对象,获取接收到的针对所述目标尺寸图片的图层的编辑操作所对应的编辑数据;基于所述编辑数据包括的被编辑的所述图层的标识信息,遍历所述多个不同尺寸的图片的图层的标识信息,以查找到标识信息与被编辑的所述图层的标识信息相同的图层;将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图。
在一种可选的实施方式中,程序910还用于使得处理器902在将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图时,将应用有所述编辑数据的图层所在的图片绘制于画布上;通过调用图片数据生成函数,将绘制于所述画布上的图片导出成图片数据;基于所述图片数据,更新绘制于所述画布上的图片的缩略图对应的页面图像标签的来源属性值,以更新绘制于所述画布上的图片的缩略图。
在一种可选的实施方式中,所述编辑数据包括以下中的至少一者:被编辑的所述图层中的元素相对于画板的坐标、被编辑的所述图层中的元素的尺寸、被编辑的所述图层中的元素的旋转角度、被编辑的所述图层中的元素的缩放比、被编辑的所述图层的标识信息、被编辑的所述图层的透明度。
程序910中各步骤的具体实现可以参见上述图片展示方法实施例中的相应步骤和单元中对应的描述,在此不赘述。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的设备和模块的具体工作过程,可以参考前述方法实施例中的对应过程描述,在此不再赘述。
通过本实施例的电子设备,接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作,并基于第一选择操作,在位于编辑界面的第一编辑区域展示多个不同尺寸的图片中待编辑的目标尺寸图片,及在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,与现有的其它方式相比,将多个不同尺寸的图片中待编辑的目标尺寸图片展示于位于编辑界面的第一编辑区域,并且在第一编辑区域的一侧展示多个不同尺寸的图片的缩略图,扩大了待编辑的目标尺寸图片的编辑操作空间,从而能够有效提升对待编辑的目标尺寸图片的编辑操作的便利性和编辑体验。
需要指出,根据实施的需要,可将本发明实施例中描述的各个部件/步骤拆分为更多部件/步骤,也可将两个或多个部件/步骤或者部件/步骤的部分操作组合成新的部件/步骤,以实现本发明实施例的目的。
上述根据本发明实施例的方法可在硬件、固件中实现,或者被实现为可存储在记录介质(诸如CD ROM、RAM、软盘、硬盘或磁光盘)中的软件或计算机代码,或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码,从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如ASIC或FPGA)的记录介质上的这样的软件处理。可以理解,计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如,RAM、ROM、闪存等),当所述软件或计算机代码被计算机、处理器或硬件访问且执行时,实现在此描述的图片展示方法。此外,当通用计算机访问用于实现在此示出的图片展示方法的代码时,代码的执行将通用计算机转换为用于执行在此示出的图片展示方法的专用计算机。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及方法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明实施例的范围。
以上实施方式仅用于说明本发明实施例,而并非对本发明实施例的限制,有关技术领域的普通技术人员,在不脱离本发明实施例的精神和范围的情况下,还可以做出各种变化和变型,因此所有等同的技术方案也属于本发明实施例的范畴,本发明实施例的专利保护范围应由权利要求限定。

Claims (20)

1.一种图片展示方法,所述方法包括:
接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;
基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
2.根据权利要求1所述的方法,其中,所述基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图,包括:
基于所述第一选择操作,在位于所述编辑界面的居中位置的第二编辑区域展示所述待编辑的目标尺寸图片,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。
3.根据权利要求1所述的方法,其中,所述在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图之后,所述方法还包括:
接收针对展示的所述多个不同尺寸的图片的缩略图的第二选择操作;
在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片。
4.根据权利要求3所述的方法,其中,所述在所述第一编辑区域展示所述第二选择操作所选择的缩略图对应的图片,包括:
在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。
5.根据权利要求4所述的方法,其中,所述在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片,包括:
基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例;
基于所述放大比例,在所述第一编辑区域放大展示所述第二选择操作所选择的缩略图对应的图片。
6.根据权利要求5所述的方法,其中,所述基于所述第二选择操作所选择的缩略图对应的图片的尺寸,确定所述第二选择操作所选择的缩略图对应的图片的放大比例,包括:
计算所述第二选择操作所选择的缩略图对应的图片的宽度与所述第一编辑区域的宽度的第一比值;
计算所述第二选择操作所选择的缩略图对应的图片的高度与所述第一编辑区域的高度的第二比值;
确定所述第一比值与所述第二比值中的较小者为所述第二选择操作所选择的缩略图对应的图片的放大比例。
7.根据权利要求1所述的方法,其中,所述在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片之后,所述方法还包括:
将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
8.根据权利要求7所述的方法,其中,所述将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中,包括:
响应于对所述编辑界面中编辑同步控件的开启操作,将所述编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中。
9.根据权利要求7所述的方法,其中,所述将接收到的针对所述待编辑的目标尺寸图片的编辑操作同步至展示的所述多个不同尺寸的图片的缩略图中,包括:
通过所述编辑界面的脚本代码中的脚本对象,获取接收到的针对所述目标尺寸图片的图层的编辑操作所对应的编辑数据;
基于所述编辑数据包括的被编辑的所述图层的标识信息,遍历所述多个不同尺寸的图片的图层的标识信息,以查找到标识信息与被编辑的所述图层的标识信息相同的图层;
将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图。
10.根据权利要求9所述的方法,其中,所述将所述编辑数据应用于所述多个不同尺寸的图片中标识信息与被编辑的所述图层的标识信息相同的图层中,以更新展示的所述多个不同尺寸的图片的缩略图,包括:
将应用有所述编辑数据的图层所在的图片绘制于画布上;
通过调用图片数据生成函数,将绘制于所述画布上的图片导出成图片数据;
基于所述图片数据,更新绘制于所述画布上的图片的缩略图对应的页面图像标签的来源属性值,以更新绘制于所述画布上的图片的缩略图。
11.根据权利要求9或10所述的方法,其中,所述编辑数据包括以下中的至少一者:
被编辑的所述图层中的元素相对于画板的坐标、被编辑的所述图层中的元素的尺寸、被编辑的所述图层中的元素的旋转角度、被编辑的所述图层中的元素的缩放比、被编辑的所述图层的标识信息、被编辑的所述图层的透明度。
12.一种图片展示方法,所述方法包括:
接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作;
在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
13.根据权利要求12所述的方法,其中,所述接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作,包括:
响应于对所述编辑界面中局部选择控件的开启操作,接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作。
14.根据权利要求12所述的方法,其中,所述在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图,包括:
在位于所述编辑界面的居中位置的第二编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第二编辑区域的左侧或右侧以纵向布局模式展示所述多个不同尺寸的图片的缩略图,或者在所述第二编辑区域的上侧或下侧以横向布局模式展示所述多个不同尺寸的图片的缩略图。
15.一种图片编辑方法,所述方法包括:
为编辑界面中的编辑控件配置至少一个标准化编辑操作;
响应于对所述编辑界面中的编辑控件的操作,对待编辑的图片执行所述至少一个标准化编辑操作。
16.一种图片展示装置,所述装置包括:
第一接收模块,用于接收针对多个不同尺寸的图片的大视图预览模式的第一选择操作;
第一展示模块,用于基于所述第一选择操作,在位于编辑界面的第一编辑区域展示所述多个不同尺寸的图片中待编辑的目标尺寸图片,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
17.一种图片展示装置,所述装置包括:
第三接收模块,用于接收针对多个不同尺寸的图片中待编辑的目标尺寸图片的局部选择操作;
第三展示模块,用于在位于编辑界面的第一编辑区域展示所述局部选择操作所选择的所述待编辑的目标尺寸图片的局部部分,并在所述第一编辑区域的一侧展示所述多个不同尺寸的图片的缩略图。
18.一种图片编辑装置,所述装置包括:
配置模块,用于为编辑界面中的编辑控件配置至少一个标准化编辑操作;
编辑模块,用于响应于对所述编辑界面中的编辑控件的操作,对待编辑的图片执行所述至少一个标准化编辑操作。
19.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-11中任意一项权利要求所述的图片展示方法对应的操作,或者执行如权利要求12-14中任意一项权利要求所述的图片展示方法对应的操作,或者执行如权利要求15所述的图片展示方法对应的操作。
20.一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现如权利要求1-11中任意一项权利要求所述的图片展示方法,或者实现如权利要求12-14中任意一项权利要求所述的图片展示方法,或者实现如权利要求15所述的图片展示方法。
CN202010579602.2A 2020-06-23 2020-06-23 图片展示方法、装置、电子设备及计算机存储介质 Pending CN113835595A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010579602.2A CN113835595A (zh) 2020-06-23 2020-06-23 图片展示方法、装置、电子设备及计算机存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010579602.2A CN113835595A (zh) 2020-06-23 2020-06-23 图片展示方法、装置、电子设备及计算机存储介质

Publications (1)

Publication Number Publication Date
CN113835595A true CN113835595A (zh) 2021-12-24

Family

ID=78963873

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010579602.2A Pending CN113835595A (zh) 2020-06-23 2020-06-23 图片展示方法、装置、电子设备及计算机存储介质

Country Status (1)

Country Link
CN (1) CN113835595A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114489409A (zh) * 2022-02-14 2022-05-13 北京高途云集教育科技有限公司 一种图片处理方法、装置、电子设备以及存储介质
CN116055655A (zh) * 2022-05-30 2023-05-02 荣耀终端有限公司 一种画幅尺寸的推荐方法及电子设备

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114489409A (zh) * 2022-02-14 2022-05-13 北京高途云集教育科技有限公司 一种图片处理方法、装置、电子设备以及存储介质
CN114489409B (zh) * 2022-02-14 2024-03-26 北京高途云集教育科技有限公司 一种图片处理方法、装置、电子设备以及存储介质
CN116055655A (zh) * 2022-05-30 2023-05-02 荣耀终端有限公司 一种画幅尺寸的推荐方法及电子设备
CN116055655B (zh) * 2022-05-30 2023-09-26 荣耀终端有限公司 一种画幅尺寸的推荐方法及电子设备

Similar Documents

Publication Publication Date Title
CN109271983B (zh) 屏幕画面截图中识别物体的显示方法及显示终端
US10504258B2 (en) Information processing device editing map acquired from server
CN113835595A (zh) 图片展示方法、装置、电子设备及计算机存储介质
JP5981175B2 (ja) 図面表示装置、及び図面表示プログラム
JP2015079354A (ja) 仮想現実を用いた3次元地図表示システム
JP2011227588A (ja) 情報表示装置及びプログラム
CN114648615B (zh) 目标对象交互式重现的控制方法、装置、设备及存储介质
US10403040B2 (en) Vector graphics rendering techniques
CN107861711B (zh) 页面适配方法及装置
CN106201255B (zh) 一种信息处理方法及电子设备
US10650576B1 (en) Snapping experience with clipping masks
CN114928718A (zh) 视频监控方法、装置、电子设备及存储介质
JP2011013791A (ja) 文書処理装置及びプログラム
CN114241105A (zh) 界面渲染方法、装置、设备和计算机可读存储介质
JP4874363B2 (ja) ブラウザのプラグインを用いるウェブページ表示方法
CN109766530B (zh) 图表边框的生成方法、装置、存储介质和电子设备
JP6287498B2 (ja) 電子ホワイトボード装置、電子ホワイトボードの入力支援方法、及びプログラム
CN110825989A (zh) 图片展示方法、装置、电子设备及可读介质
CN111563929B (zh) 一种基于浏览器的2.5d网页开发方法
US11507260B2 (en) Electronic album apparatus, method for operating electronic album apparatus, and operation program utilizing display cell enlargement
CN114356264A (zh) 一种信号生成方法、装置、设备及可读存储介质
CN110991050B (zh) Cad叠图方法及相关产品
CN113763546A (zh) 卡预览方法、装置及电子设备
CN108897537A (zh) 文档显示方法、计算机可读介质和一种计算机
CN112583976B (zh) 图形码显示方法、设备及可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination