CN112269957A - 图片处理方法、装置、设备及存储介质 - Google Patents
图片处理方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112269957A CN112269957A CN202011255796.7A CN202011255796A CN112269957A CN 112269957 A CN112269957 A CN 112269957A CN 202011255796 A CN202011255796 A CN 202011255796A CN 112269957 A CN112269957 A CN 112269957A
- Authority
- CN
- China
- Prior art keywords
- picture
- processing
- svg
- canvas
- mode
- 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
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 18
- 238000012545 processing Methods 0.000 claims abstract description 154
- 238000000034 method Methods 0.000 claims abstract description 38
- 230000008569 process Effects 0.000 claims abstract description 24
- 238000004590 computer program Methods 0.000 claims description 9
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 10
- 230000003287 optical effect Effects 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000003491 array Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 208000018747 cerebellar ataxia with neuropathy and bilateral vestibular areflexia syndrome Diseases 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Image Processing (AREA)
Abstract
本发明实施例公开了一种图片处理方法、装置、设备及存储介质。包括：获取图片处理参数；根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。本发明实施例提供的图片处理方法，根据图片处理参数用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，不仅可以提高图片处理的速度，也可以防止图片失真。
Description
技术领域
本发明实施例涉及图像处理技术领域，尤其涉及一种图片处理方法、装置、设备及存储介质。
背景技术
当今随着互联网技术的不断发展，用户对于页面人机交互以及页面美观程度的要求越来越高，前端技术不断演进，当前的前端已不再是可有可无的附属品，反而更加朝着专业化和标准化发展。随着用户对页面效果的不断追求，直接在页面操作图片，根据场景对图片进行处理也成为前端工程师的工作范畴，然而由于在不同使用场景下，需要使用不同的技术处理图片，导致学习成本提高。
在互联网、移动互联和5G时代，前端技术得到迅速发展，随着可视化技术的不断发展，HTML5规范中的画布(英语：Canvas)或是可缩放矢量图形(英语：Scalable VectorGraphics，SVG)，都提供了强大的图片处理和数据可视化功能，包括图片的剪裁、拉伸、改变颜色、设置动画等。但由于canvas通过引入图片的方式来处理图片的，图片被引入在canvas的容器中，所以无法使用层叠样式表(Cascading Style Sheets，CSS)来控制图片的其他样式，只能通过脚本语言来驱动。而且由于使用的图片都是位图，而位图在改变尺寸时会出现图片失真的问题，所以在需要频繁变更尺寸以及无法使用脚本语言的场景使用canvas处理图片就会显得比较乏力。SVG的缺陷在于处理大量图片时会占用大量资源，以及响应速度会变慢。
发明内容
本发明实施例提供一种图片处理方法、装置、设备及存储介质，不仅可以提高图片处理的速度，也可以防止图片失真。
第一方面，本发明实施例提供了一种图片处理方法，包括：
获取图片处理参数；
根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
进一步地，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：
将待处理图片导入canvas画布和/或可缩放矢量图形SVG；
根据所述图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；
基于所述应用程序接口对所述待处理图片进行处理。
进一步地，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：
若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将将待处理图片导入canvas画布进行处理，获得第一图片；
将所述第一图片转换为SVG格式的图片信息；
将所述SVG格式的图片信息导入SVG方式进行处理。
进一步地，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：
若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；
将所述第二图片信息转换为设定格式的图片；
将所述设定格式的图片导入canvas画布方式进行处理。
第二方面，本发明实施例还提供了一种图片处理装置，包括：
图片处理参数获取模块，用于获取图片处理参数；
图片处理模块，用于根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
进一步地，所述图片处理模块，还用于：
将待处理图片导入canvas画布和/或可缩放矢量图形SVG；
根据所述图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；
基于所述应用程序接口对所述待处理图片进行处理。
进一步地，所述图片处理模块，还用于：
若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将将待处理图片导入canvas画布进行处理，获得第一图片；
将所述第一图片转换为SVG格式的图片信息；
将所述SVG格式的图片信息导入SVG方式进行处理。
进一步地，所述图片处理模块，还用于：
若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；
将所述第二图片信息转换为设定格式的图片；
将所述设定格式的图片导入canvas画布方式进行处理。
第三方面，本发明实施例还提供了一种计算机设备，所述设备包括：包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如本发明实施例所述的图片处理方法。
第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理装置执行时实现如本发明实施例所述的图片处理方法。
本发明实施例公开了一种图片处理方法、装置、设备及存储介质。首先获取图片处理参数，然后根据图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。本发明实施例提供的图片处理方法，根据图片处理参数用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，不仅可以提高图片处理的速度，也可以防止图片失真。
附图说明
图1是本发明实施例一中的一种图片处理方法的流程图；
图2是本发明实施例一中的一种图片处理方法的流程图；
图3是本发明实施例二中的一种图片处理装置的结构示意图；
图4是本发明实施例三中的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一提供的一种图片处理方法的流程图，本实施例可适用于对图片进行编辑处理的情况，该方法可以由图片处理装置来执行，该装置可由硬件和/或软件组成，并一般可集成在具有图片处理功能的设备中，该设备可以是服务器或服务器集群等电子设备。如图1所示，具体包括如下步骤：
步骤110，获取图片处理参数。
其中，图片处理参数可以包括待处理图片的数量、图片需要处理的方式以及处理方式对应的参数。例如：处理的方式可以包括：剪裁、拉伸、旋转、改变颜色、改变亮度、设置动画等。处理方式对应的参数可以是图片裁剪或拉伸的尺寸、图片旋转的角度、改变的目标颜色值、目标亮度值以及动画内容等。本实施例中，图片处理参数由用户输入。
步骤120，根据图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
具体的，首先根据图片处理参数确定是调用canvas画布，还是调用SVG方式，还是canvas和SVG方式同时调用，在确定了调用何种方式处理图片后，将图片导入对应的方式中。。
本实施例中，，根据图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理的过程可以是：将待处理图片导入canvas画布和/或可缩放矢量图形SVG；根据图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；基于应用程序接口对待处理图片进行处理。
其中，应用程序接口API可以理解为可以实现某种图片处理功能的API，例如：剪裁、拉伸、旋转、改变颜色、改变亮度、设置动画等功能。示例性的，若图片处理参数包括裁剪参数，则调用裁剪API，以将图片裁剪为目标尺寸。
具体的，根据图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理的过程可以是：若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将将待处理图片导入canvas画布进行处理，获得第一图片；将第一图片转换为SVG格式的图片信息；将SVG格式的图片信息导入SVG方式进行处理。
其中，第一图片的格式可以是jpg或者png。SVG格式可以理解为代码形式的数据。本实施例中，canvas画布处理后的图片的格式为jpg或者png，而SVG只能处理SVG格式的数据，因此需要将第一图片的格式转化为SVG格式。
具体的，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理的过程可以是：
若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；将第二图片信息转换为设定格式的图片；将设定格式的图片导入canvas画布方式进行处理。
其中，第二图片信息的格式为SVG格式，设定格式可以是jpg或者png。本实施例中，canvas画布只能处理jpg或者png格式的图片，因此需要将SVG处理后的图片信息转化为jpg或者png格式，再导入canvas画布处理。
示例性的，图2是本实施例中的一种图片处理的示意图。如图2所示，该方法包括如下步骤：
SS210，获取图片处理参数。
S220，根据图处理参数判断是否使用canvas处理图片，若是，则执行步骤S230，否则，执行步骤250。
S230，将图片导入canvas，根据图片处理参数调用canvas的API处理图片。
S240，根据图片处理参数判断是否转换为SVG处理图片，若是，则执行步骤240，否则，执行步骤270。
S250，将图片转换为SVG格式的图片数据。
S260，将SVG格式的图片数据导入SVG，根据图片处理参数调用SVG的API处理图片。
S270，获得处理后的图片。
本实施例的技术方案，首先获取图片处理参数，然后根据图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。本发明实施例提供的图片处理方法，根据图片处理参数用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，不仅可以提高图片处理的速度，也可以防止图片失真。
实施例二
图3是本发明实施例二提供的一种图片处理装置的结构示意图。如图3所示，该装置包括：
图片处理参数获取模块410，用于获取图片处理参数；
图片处理模块420，用于根据图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
可选的，图片处理模块420，还用于：
将待处理图片导入canvas画布和/或可缩放矢量图形SVG；
根据图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；
基于应用程序接口对待处理图片进行处理。
可选的，图片处理模块420，还用于：
若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将将待处理图片导入canvas画布进行处理，获得第一图片；
将第一图片转换为SVG格式的图片信息；
将SVG格式的图片信息导入SVG方式进行处理。
可选的，图片处理模块420，还用于：
若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；
将第二图片信息转换为设定格式的图片；
将设定格式的图片导入canvas画布方式进行处理。
上述装置可执行本发明前述所有实施例所提供的方法，具备执行上述方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明前述所有实施例所提供的方法。
实施例三
图4为本发明实施例三提供的一种计算机设备的结构示意图。图4示出了适于用来实现本发明实施方式的计算机设备312的框图。图4显示的计算机设备312仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。设备312是典型的图片处理功能的计算设备。
如图4所示，计算机设备312以通用计算设备的形式表现。计算机设备312的组件可以包括但不限于：一个或者多个处理器316，存储装置328，连接不同系统组件(包括存储装置328和处理器316)的总线318。
总线318表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(Industry StandardArchitecture，ISA)总线，微通道体系结构(Micro Channel Architecture，MCA)总线，增强型ISA总线、视频电子标准协会(Video Electronics Standards Association，VESA)局域总线以及外围组件互连(Peripheral Component Interconnect，PCI)总线。
计算机设备312典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备312访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
存储装置328可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(Random Access Memory，RAM)330和/或高速缓存存储器332。计算机设备312可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统334可以用于读写不可移动的、非易失性磁介质(图4未显示，通常称为“硬盘驱动器”)。尽管图4中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如只读光盘(Compact Disc-Read Only Memory，CD-ROM)、数字视盘(Digital Video Disc-Read Only Memory，DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线318相连。存储装置328可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块326的程序336，可以存储在例如存储装置328中，这样的程序模块326包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块326通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备312也可以与一个或多个外部设备314(例如键盘、指向设备、摄像头、显示器324等)通信，还可与一个或者多个使得用户能与该计算机设备312交互的设备通信，和/或与使得该计算机设备312能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口322进行。并且，计算机设备312还可以通过网络适配器320与一个或者多个网络(例如局域网(Local AreaNetwork，LAN)，广域网Wide Area Network，WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器320通过总线318与计算机设备312的其它模块通信。应当明白，尽管图中未示出，可以结合计算机设备312使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of IndependentDisks，RAID)系统、磁带驱动器以及数据备份存储系统等。
处理器316通过运行存储在存储装置328中的程序，从而执行各种功能应用以及数据处理，例如实现本发明上述实施例所提供的图片处理方法。
实施例四
本发明实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理装置执行时实现如本发明实施例中的图片处理方法。
本发明上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取图片处理参数；根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种图片处理方法，其特征在于，包括：
获取图片处理参数；
根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
2.根据权利要求1所述的方法，其特征在于，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：
将待处理图片导入canvas画布和/或可缩放矢量图形SVG；
根据所述图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；
基于所述应用程序接口对所述待处理图片进行处理。
3.根据权利要求2所述的方法，其特征在于，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：
若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将待处理图片导入canvas画布进行处理，获得第一图片；
将所述第一图片转换为SVG格式的图片信息；
将所述SVG格式的图片信息导入SVG方式进行处理。
4.根据权利要求2所述的方法，其特征在于，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：
若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；
将所述第二图片信息转换为设定格式的图片；
将所述设定格式的图片导入canvas画布方式进行处理。
5.一种图片处理装置，其特征在于，包括：
图片处理参数获取模块，用于获取图片处理参数；
图片处理模块，用于根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。
6.根据权利要求5所述的装置，其特征在于，所述图片处理模块，还用于：
将待处理图片导入canvas画布和/或可缩放矢量图形SVG；
根据所述图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；
基于所述应用程序接口对所述待处理图片进行处理。
7.根据权利要求6所述的装置，其特征在于，所述图片处理模块，还用于：
若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将将待处理图片导入canvas画布进行处理，获得第一图片；
将所述第一图片转换为SVG格式的图片信息；
将所述SVG格式的图片信息导入SVG方式进行处理。
8.根据权利要求6所述的装置，其特征在于，所述图片处理模块，还用于：
若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；
将所述第二图片信息转换为设定格式的图片；
将所述设定格式的图片导入canvas画布方式进行处理。
9.一种计算机设备，其特征在于，所述设备包括：包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如权利要求1-4任一所述的图片处理方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现如权利要求1-7中任一所述的图片处理方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011255796.7A CN112269957A (zh) | 2020-11-11 | 2020-11-11 | 图片处理方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011255796.7A CN112269957A (zh) | 2020-11-11 | 2020-11-11 | 图片处理方法、装置、设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112269957A true CN112269957A (zh) | 2021-01-26 |
Family
ID=74339910
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011255796.7A Pending CN112269957A (zh) | 2020-11-11 | 2020-11-11 | 图片处理方法、装置、设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112269957A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113240776A (zh) * | 2021-05-24 | 2021-08-10 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
| CN113377453A (zh) * | 2021-06-18 | 2021-09-10 | 北京沃东天骏信息技术有限公司 | 图片处理方法、装置与电子设备 |
Citations (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107423366A (zh) * | 2017-06-28 | 2017-12-01 | 武汉斗鱼网络科技有限公司 | 一种轮播图切换方法及装置 |
| CN107766359A (zh) * | 2016-08-17 | 2018-03-06 | 广州市动景计算机科技有限公司 | 一种将页面内容转换为图片的方法、装置以及计算设备 |
| CN107967344A (zh) * | 2017-12-11 | 2018-04-27 | 上海携程商务有限公司 | 网页动画效果的实现方法、系统、设备及存储介质 |
| CN109284487A (zh) * | 2018-08-28 | 2019-01-29 | 广州视源电子科技股份有限公司 | 在canvas中渲染数据的方法、装置、电子设备及存储介质 |
| CN109299412A (zh) * | 2018-08-24 | 2019-02-01 | 四川爱创科技有限公司 | 应用于web端的图片预处理方法 |
| CN109636883A (zh) * | 2018-12-13 | 2019-04-16 | 珍岛信息技术（上海）股份有限公司 | 一种基于Canvas的广告图片处理系统 |
| CN109918175A (zh) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | 图片生成方法、装置、存储介质及电子设备 |
| CN110309291A (zh) * | 2019-07-09 | 2019-10-08 | 国网山东省电力公司 | 一种面向时序文献数据分析的方法及装置 |
| CN110362188A (zh) * | 2019-07-17 | 2019-10-22 | Oppo广东移动通信有限公司 | 图片处理方法、装置、移动终端以及存储介质 |
| CN110377773A (zh) * | 2019-07-17 | 2019-10-25 | Oppo广东移动通信有限公司 | 图片处理方法、装置、移动终端以及存储介质 |
| CN111127594A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | Svg图形的导出方法及导出系统 |
| CN111159594A (zh) * | 2019-12-24 | 2020-05-15 | 深圳市优必选科技股份有限公司 | 信息处理方法、信息处理装置及终端设备 |
| CN111179370A (zh) * | 2019-12-30 | 2020-05-19 | 北京猎豹网络科技有限公司 | 一种图片生成方法、装置、电子设备及存储介质 |
| CN111275614A (zh) * | 2018-12-04 | 2020-06-12 | 苏州天鸿嘉汇软件有限公司 | 一种实现图像无损缩放的方法 |
| CN111488100A (zh) * | 2020-04-09 | 2020-08-04 | 深圳传音控股股份有限公司 | 图片处理方法、图片处理装置及计算机可读存储介质 |
| CN111767100A (zh) * | 2020-01-09 | 2020-10-13 | 北京沃东天骏信息技术有限公司 | 应用于浏览器的图像处理方法、装置、系统及介质 |
-
2020
- 2020-11-11 CN CN202011255796.7A patent/CN112269957A/zh active Pending
Patent Citations (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107766359A (zh) * | 2016-08-17 | 2018-03-06 | 广州市动景计算机科技有限公司 | 一种将页面内容转换为图片的方法、装置以及计算设备 |
| CN107423366A (zh) * | 2017-06-28 | 2017-12-01 | 武汉斗鱼网络科技有限公司 | 一种轮播图切换方法及装置 |
| CN107967344A (zh) * | 2017-12-11 | 2018-04-27 | 上海携程商务有限公司 | 网页动画效果的实现方法、系统、设备及存储介质 |
| CN109299412A (zh) * | 2018-08-24 | 2019-02-01 | 四川爱创科技有限公司 | 应用于web端的图片预处理方法 |
| CN109284487A (zh) * | 2018-08-28 | 2019-01-29 | 广州视源电子科技股份有限公司 | 在canvas中渲染数据的方法、装置、电子设备及存储介质 |
| CN111127594A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | Svg图形的导出方法及导出系统 |
| CN111275614A (zh) * | 2018-12-04 | 2020-06-12 | 苏州天鸿嘉汇软件有限公司 | 一种实现图像无损缩放的方法 |
| CN109636883A (zh) * | 2018-12-13 | 2019-04-16 | 珍岛信息技术（上海）股份有限公司 | 一种基于Canvas的广告图片处理系统 |
| CN109918175A (zh) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | 图片生成方法、装置、存储介质及电子设备 |
| CN110309291A (zh) * | 2019-07-09 | 2019-10-08 | 国网山东省电力公司 | 一种面向时序文献数据分析的方法及装置 |
| CN110362188A (zh) * | 2019-07-17 | 2019-10-22 | Oppo广东移动通信有限公司 | 图片处理方法、装置、移动终端以及存储介质 |
| CN110377773A (zh) * | 2019-07-17 | 2019-10-25 | Oppo广东移动通信有限公司 | 图片处理方法、装置、移动终端以及存储介质 |
| CN111159594A (zh) * | 2019-12-24 | 2020-05-15 | 深圳市优必选科技股份有限公司 | 信息处理方法、信息处理装置及终端设备 |
| CN111179370A (zh) * | 2019-12-30 | 2020-05-19 | 北京猎豹网络科技有限公司 | 一种图片生成方法、装置、电子设备及存储介质 |
| CN111767100A (zh) * | 2020-01-09 | 2020-10-13 | 北京沃东天骏信息技术有限公司 | 应用于浏览器的图像处理方法、装置、系统及介质 |
| CN111488100A (zh) * | 2020-04-09 | 2020-08-04 | 深圳传音控股股份有限公司 | 图片处理方法、图片处理装置及计算机可读存储介质 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113240776A (zh) * | 2021-05-24 | 2021-08-10 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
| CN113240776B (zh) * | 2021-05-24 | 2024-01-02 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
| CN113377453A (zh) * | 2021-06-18 | 2021-09-10 | 北京沃东天骏信息技术有限公司 | 图片处理方法、装置与电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110298413B (zh) | 图像特征提取方法、装置、存储介质及电子设备 | |
| CN110298851B (zh) | 人体分割神经网络的训练方法及设备 | |
| US11423112B2 (en) | Document input content processing method and apparatus, electronic device, and storage medium | |
| CN111325704B (zh) | 图像修复方法、装置、电子设备及计算机可读存储介质 | |
| CN111784712B (zh) | 图像处理方法、装置、设备和计算机可读介质 | |
| CN113157153A (zh) | 内容分享方法、装置、电子设备及计算机可读存储介质 | |
| CN110349107B (zh) | 图像增强的方法、装置、电子设备、及存储介质 | |
| CN111310482A (zh) | 实时翻译方法、装置、终端及存储介质 | |
| CN112181568A (zh) | 局部适配屏幕方法和设备 | |
| CN112269957A (zh) | 图片处理方法、装置、设备及存储介质 | |
| CN111309617A (zh) | 应用程序的控制方法、装置、存储介质及电子设备 | |
| CN112418249A (zh) | 掩膜图像生成方法、装置、电子设备和计算机可读介质 | |
| CN110310293B (zh) | 人体图像分割方法及设备 | |
| US10049425B2 (en) | Merging filters for a graphic processing unit | |
| CN114339447B (zh) | 图片转视频的方法、装置、设备及存储介质 | |
| CN111669476B (zh) | 水印处理方法、装置、电子设备和介质 | |
| CN116962813A (zh) | 一种yuv数据渲染系统及方法、电子设备和存储介质 | |
| CN111914850B (zh) | 图片特征提取方法、装置、服务器和介质 | |
| CN113961280A (zh) | 视图的展示方法、装置、电子设备及计算机可读存储介质 | |
| CN113409199A (zh) | 图像处理方法、装置、电子设备及计算机可读介质 | |
| CN116596748A (zh) | 图像风格化处理方法、装置、设备、存储介质和程序产品 | |
| KR20230159605A (ko) | 클라우드 플랫폼에서의 병렬 처리를 위한 세그먼트화된 미디어 메타데이터에 대한 와이어 포맷들을 위한 방법 및 장치 | |
| EP4340374A1 (en) | Picture quality adjustment method and apparatus, and device and medium | |
| CN110807114B (zh) | 用于图片展示的方法、装置、终端及存储介质 | |
| CN109062645B (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 |