CN104574454B - 图像的处理方法及装置 - Google Patents

图像的处理方法及装置 Download PDF

Info

Publication number
CN104574454B
CN104574454B CN201310519643.2A CN201310519643A CN104574454B CN 104574454 B CN104574454 B CN 104574454B CN 201310519643 A CN201310519643 A CN 201310519643A CN 104574454 B CN104574454 B CN 104574454B
Authority
CN
China
Prior art keywords
editable
image
target image
pixel information
pixel
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.)
Active
Application number
CN201310519643.2A
Other languages
English (en)
Other versions
CN104574454A (zh
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 CN201310519643.2A priority Critical patent/CN104574454B/zh
Priority to TW103110121A priority patent/TW201516968A/zh
Priority to US14/524,792 priority patent/US10678410B2/en
Priority to PCT/US2014/062709 priority patent/WO2015066065A1/en
Publication of CN104574454A publication Critical patent/CN104574454A/zh
Priority to HK15106276.5A priority patent/HK1206131A1/zh
Application granted granted Critical
Publication of CN104574454B publication Critical patent/CN104574454B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04845—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00—Indexing scheme for image analysis or image enhancement
    • G06T2207/20—Special algorithmic details
    • G06T2207/20092—Interactive image processing based on input by user
    • G06T2207/20096—Interactive definition of curve of interest

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请提供一种图像的处理方法及装置。本申请实施例通过在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上，进而检测输入设备在所述页面上输入的轨迹，并使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像，使得能够创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像，由于不再需要使用第三方提供的图像处理工具，操作简单，因此，能够避免现有技术中由于需要客户端与第三方提供的图像处理工具共同进行操作而导致的操作复杂的问题，从而提高了图像处理的效率。

Description

图像的处理方法及装置
【技术领域】
本申请涉及图像处理技术，尤其涉及一种图像的处理方法及装置。
【背景技术】
随着通信技术的发展，终端集成了越来越多的功能，从而使得终端的系统功能列表中包含了越来越多相应的应用程序即客户端，例如，电脑中安装的应用程序、智能手机中安装的第三方应用程序（Application，APP）等。有些应用程序中会涉及一些页面的浏览和编辑等操作。一般来说，页面可以是基于超文本标记语言（HyperText Markup Language，HTML）编写的网页（Web Page），也可以称为Web页面。为了丰富和美化客户端所显示的页面，页面中可以包含一些图像，即绘制、摄制或印制的形象。
在一些情况下，需要对原始图像进行剪裁处理，即删除原始图像中那些不需要关注或展现的部分内容，以保留原始图像中需要关注或展现的部分内容。这样，处理后的图像才能够满足多样化的用户需求。例如，用户在信息发布页面中上传物品的图像时，由于该物品的原始图像中包含了与该物品无关的其他物品，因此，用户需要删除原始图像中的其他物品。再例如，用户在拷贝页面中的原始图像时，由于该原始图像中只有部分内容是用户需要的，因此，用户只需要保留原始图像中的这部分内容。现有技术中，用户可以利用第三方提供的图像处理工具，例如，Photoshop等，对原始图像进行剪裁处理，以达到其目的。
然而，由于需要客户端与第三方提供的图像处理工具共同进行操作，操作复杂，从而导致了图像处理的效率的降低。
【发明内容】
本申请的多个方面提供一种图像的处理方法及装置，用以提高图像处理的效率。
本申请的一方面，提供一种图像的处理方法，包括：
在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上；
检测输入设备在所述页面上输入的轨迹；
使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像；
创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述将页面中待处理的原始图像的像素信息映射到所述可编辑对象上，包括：
获取所述原始图像的像素信息；
根据所述原始图像的像素信息，在所述可编辑对象上绘制所述原始图像。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述可编辑对象包括Canvas元素、Object元素或Embed元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述结果对象包括Canvas元素、Object元素或Embed元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述检测输入设备在所述页面上输入的轨迹，包括：
在所述页面中创建操作对象；
在所述操作对象上，检测所述轨迹。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述操作对象包括Canvas元素、Object元素或Embed元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像，包括：
利用边缘检测技术，对所述轨迹进行调整；
使用所述调整之后的轨迹选择所述可编辑对象的至少部分区域，以作为所述目标图像。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像，包括：
将所述可编辑对象的像素信息映射到所述结果对象上；其中，
所述可编辑对象的像素信息包括像素的Alpha值，将所述可编辑对象的像素信息映射到所述结果对象上时，将所述目标图像的像素的Alpha值设置为大于0且小于255的数值，将非目标图像的像素的Alpha值设置为0。
本申请的另一方面，提供一种图像的处理装置，包括：
映射单元，用于在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上；
检测单元，用于检测输入设备在所述页面上输入的轨迹；
选择单元，用于使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像；
所述映射单元，还用于创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述映射单元，具体用于
获取所述原始图像的像素信息；以及
根据所述原始图像的像素信息，在所述可编辑对象上绘制所述原始图像。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述可编辑对象包括Canvas元素、Object元素或Embed元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述结果对象包括Canvas元素、Object元素或Embed元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述检测单元，具体用于
在所述页面中创建操作对象；以及
在所述操作对象上，检测所述轨迹。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述操作对象包括Canvas元素、Object元素或Embed元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，、根据权利要求所述的，其特征在于，所述选择单元，具体用于
利用边缘检测技术，对所述轨迹进行调整；以及
使用所述调整之后的轨迹选择所述可编辑对象的至少部分区域，以作为所述目标图像。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述映射单元，具体用于
将所述可编辑对象的像素信息映射到所述结果对象上；其中，
所述可编辑对象的像素信息包括像素的Alpha值，将所述可编辑对象的像素信息映射到所述结果对象上时，将所述目标图像的像素的Alpha值设置为大于0且小于255的数值，将非目标图像的像素的Alpha值设置为0。
由上述技术方案可知，本申请实施例通过在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上，进而检测输入设备在所述页面上输入的轨迹，并使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像，使得能够创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像，由于不再需要使用第三方提供的图像处理工具，操作简单，因此，能够避免现有技术中由于需要客户端与第三方提供的图像处理工具共同进行操作而导致的操作复杂的问题，从而提高了图像处理的效率。
【附图说明】
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请一实施例提供的图像的处理方法的流程示意图；
图2A为图3对应的实施例中涉及的原始图像A的示意图；
图2B～图2J为图2A所示的原始图像A经过浏览器操作之后的示意图；
图3为本申请另一实施例提供的图像的处理方法的流程示意图；
图4为本申请另一实施例提供的图像的处理装置的结构示意图。
【具体实施方式】
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的全部其他实施例，都属于本申请保护的范围。
需要说明的是，本申请实施例中所涉及的终端可以包括但不限于手机、个人数字助理（Personal Digital Assistant，PDA）、无线手持装置、无线上网本、个人电脑、便携电脑、MP3播放器、MP4播放器等。
需要说明的是，本申请所涉及的页面，可以是基于超文本标记语言（HyperTextMarkup Language，HTML）编写的网页（Web Page），也可以称为Web页面。
另外，本文中术语“和/或”，仅仅是一种描述关联图像的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联图像是一种“或”的关系。
图1为本申请一实施例提供的图像的处理方法的流程示意图，如图1所示。
101、在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上。
可选地，在本申请实施例的一个可能的实现方式中，在101中，具体可以在所述页面中创建可编辑对象，获取所述原始图像的像素信息，根据所述原始图像的像素信息，在所述可编辑对象上绘制所述原始图像。所述可编辑对象的尺寸与所述原始图像的尺寸相适应，例如，大于或等于所述原始图像的尺寸。其中，所述页面包括Web页面。
其中，每个像素可以包括三通道的像素信息，例如像素的RGB值。可以理解的是，每个像素也可以包括四通道的像素信息，例如像素的RGBA值。
其中，R通道（即红色分量），取值可以是0～255之间的整数；
G通道（即绿色分量），取值可以是0～255之间的整数；
B通道（蓝色分量），取值可以是0～255之间的整数；
A通道（alpha通道），还可以称为透明通道，取值可以是0～255之间的整数，0表示像素是透明的，255表示像素是完全可见的即不透明的。
具体地，所述可编辑对象可以包括但不限于画布（Canvas）元素、对象（Object）元素或嵌入（Embed）元素，本申请实施例对此不进行特别限定。
其中，本申请实施例中的可编辑对象的创建基于浏览器实现。所述浏览器可以完成页面中原始图像的渲染。可编辑对象为Canvas元素时，可以由浏览器调用Canvas程序提供。应用程序的辅助应用程序（helper application）例如，Flash应用程序等，可以是客户端启动的程序，也可以称为插件。这些辅助应用程序可以用于Object元素或Embed元素创建或加载。本申请实施例中所称的客户端包括终端设备安装的应用程序、第三方APP，例如，浏览器。
102、检测输入设备在所述页面上输入的轨迹。
需要说明的是，本申请实施例所涉及的输入设备可以包括但不限于鼠标、键盘或触摸屏，本申请实施例对此不进行特别限定。
可选地，在本申请实施例的一个可能的实现方式中，在102中，具体可以在所述页面中创建操作对象，在所述操作对象上，检测所述轨迹。所述操作对象用于检测所述轨迹。所述操作对象的尺寸与所述原始图像的尺寸相适应，例如，大于或等于所述原始图像的尺寸。
在页面中，所述操作对象覆盖于所述可编辑对象上。可以理解的是，为了不对用户产生干扰，所述操作对象上的所有像素的像素信息的取值均为0。当用户对可编辑对象中展现的原始图像进行编辑时，用户在页面上输入的轨迹可以通过所述操作对象检测。
具体地，所述操作对象可以包括但不限于Canvas元素、Object元素或Embed元素，本申请实施例对此不进行特别限定。
103、使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像。
用户对可编辑对象中展现的原始图像进行编辑时，用户的输入操作由操作对象记录并映射到所述可编辑对象上。本申请实施例可以使用映射到所述可编辑对象的轨迹在可编辑对象中选择至少部分区域，以作为目标图像。
用户在页面上输入的轨迹可以包括线状轨迹。在可编辑对象上选择的区域为所述轨迹按预定规则涉及的区域，例如，可编辑对象中在所述轨迹上方、下方、左方或右方的区域。
本申请实施例中所述线状轨迹通常为封闭式曲线，在可编辑对象上选择的区域则可以是该轨迹所封闭的区域。可以理解的是，在可编辑对象上选择的区域也可以是该轨迹所封闭的区域以外的区域。
需要说明的是，由于用户操作的灵活性，以及轨迹输入的精确性，等诸多因素，使得输入设备输入的轨迹可能不再是一个封闭式轨迹，而是起点与终点之间稍微有一点点距离的轨迹。因此，只要这个距离能够在距离阈值的范围之内，仍然可以认为该轨迹为封闭式轨迹。
用户在页面上输入的轨迹也可以包括面状轨迹，例如，用户通过输入设备在页面中涂抹的一片区域。在可编辑对象上选择的区域则为该轨迹在可编辑对象上所覆盖的区域。
目标图像用于进行后续操作，例如，在当前的页面中替换目标图像、拷贝目标图像等操作。另外，也可以确定可编辑对象中除了目标图像的这部分之外的其他部分。对可编辑对象的其他部分进行透明化操作、隐藏操作或删除操作等操作，本申请实施例对此不进行特别限定。
104、创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像。
可以理解的是，所述结果对象上的所有像素的像素信息的初始取值均为0。所述结果对象在与所述目标图像建立映射后记录所述目标图像的像素信息。所述结果对象记录的像素信息作为所述图像处理得到的结果图像的像素信息。
可选地，在本申请实施例的一个可能的实现方式中，在104中，具体可以将所述可编辑对象的像素信息映射到所述结果对象上。
其中，所述可编辑对象的像素信息包括像素的Alpha值，将所述可编辑对象的像素信息映射到所述结果对象上时，将所述目标图像的像素的Alpha值设置为大于0且小于255的数值，将非目标图像的像素的Alpha值设置为0。
具体地，所述结果对象可以包括但不限于Canvas元素、Object元素或Embed元素，本申请实施例对此不进行特别限定。所述轨迹为线状轨迹时，由于输入设备所输入的轨迹存在一定的宽度，因此，在确定目标图像时，还可以进一步考虑所述轨迹覆盖的部分。轨迹覆盖的部分可能是用户关注或需要展现的内容，因此，目标图像可以包括轨迹覆盖的部分。
此外，也可以对所述轨迹的宽度进行调整，以使得所述轨迹的宽度适当变小，可以帮助用户提升目标图像的选择的准确性。
例如，具体可以利用边缘检测技术，对所述轨迹进行调整，然后，使用所述调整之后的轨迹选择所述可编辑对象的至少部分区域，以作为所述目标图像，即选择所述原始图像在所述调整之后的轨迹所围成的区域内的部分，以作为所述目标图像。这样，就可以将所述原始图像在所述调整之后的轨迹所围成的区域内的部分，映射到所述结果对象上。
本申请实施例可以由浏览器实现，操作简单，能够避免现有技术中由于需要客户端与第三方提供的图像处理工具共同进行操作而导致的操作复杂的问题，从而提高了图像处理的效率。
另外，采用本申请提供的技术方案，通过在当前页面中展现原始图像的客户端对该原始图像进行部分图像的选择处理，因此，能够在当前页面中实时展现处理结果，以便用户根据客户端所展现的处理结果调整输入设备输入的轨迹，从而提高了图像处理的可靠性。
为使得本申请实施例提供的方法更加清楚，下面将以浏览器中自带的Canvas应用程序作为举例。用户可以通过指定的页面即信息发布页面，将一些信息发布出去，例如，行业信息、企业信息、服务信息或产品信息等个性化内容。其中，待发布的信息中包括原始图像A，如图2A所示。用户在浏览器显示的信息发布页面中，上传原始图像A到浏览器。浏览器可以采用HTML Canvas应用程序来渲染用户上传的原始图像A。由于页面布局等因素，用户只想发布原始图像A中的部分内容即目标图像B，例如，热气球的图像内容。图3为本申请另一实施例提供的图像的处理方法的流程示意图，如图3所示。
步骤301、在信息发布页面中创建第一Canvas元素，将待处理图像的像素信息映射到第一Canvas元素上。
用户在浏览器显示的信息发布页面中，上传待处理图像（即原始图像A）。浏览器可以采用HTML Canvas应用程序来渲染用户上传的原始图像A。
具体地，浏览器具体可以利用接口函数（例如，getPixel()）获取所述原始图像的像素信息。然后，调用Canvas程序的DrawImage()方法，根据所述原始图像的像素信息，在第一Canvas元素上绘制所述原始图像。详细描述可以参见现有技术中的相关内容，此处不再赘述。
步骤302、在信息发布页面中创建第二Canvas元素。
其中，所述第二Canvas元素，可以用于记录用户在信息发布页面上输入的轨迹。
用户在信息发布页面上输入的轨迹即为光标的移动轨迹。第二Canvas元素可以与第一Canvas元素叠加。第二Canvas元素与第一Canvas元素的尺寸相适应，例如，第二Canvas元素可以大于或等于第一Canvas元素的尺寸。
可以理解的是，为了不对用户产生干扰，第二Canvas元素上的所有像素的像素信息的取值均为0。
步骤303、在信息发布页面中创建第三Canvas元素。
其中，第三Canvas元素，可以用于展现原始图像A中的部分内容即目标图像B，例如，热气球的图像内容。
第三Canvas元素与第一Canvas元素的尺寸相适应，例如，第三Canvas元素可以大于或等于第一Canvas元素的尺寸。
可以理解的是，所述Canvas元素3上的所有像素的像素信息的初始取值均为0。
本申请实施例中，如果原始图像A的尺寸如果不满足指定的阈值条件，例如，太大或者太小等，浏览器则可以对原始图像A进行缩放调整，以满足阈值条件。然后，分别根据调整之后的原始图像A的尺寸，创建尺寸小于、等于或大于原始图像A的尺寸的第一Canvas元素、第二Canvas元素和第三Canvas元素，以进行后续其他操作。浏览器自动调整原始图像A的尺寸，无需用户手动调整原始图像A的尺寸，操作简单，能够有效提高图像处理的效率。
步骤304、第二Canvas元素记录用户在信息发布页面中输入的轨迹。
例如，用户希望从原始图像A中提取部分内容即目标图像B，用户可以拖动鼠标，带动光标围绕在第一Canvas元素上绘制的原始图像A上的目标图像B（热气球的图像内容）的边缘移动一圈，以形成一条封闭式轨迹（即热气球的轮廓），如图2B所示。
具体地，浏览器可以监听光标移动事件，将光标的移动轨迹映射到用于记录光标的移动轨迹的第二Canvas元素上。第二Canvas元素上所映射的轨迹包括光标经过的位置，以及该位置向周围扩展预先设置的轨迹阈值（即容差）的对应位置。其中，所述轨迹在第二Canvas元素上所对应的像素的A值可以标记为大于0且小于或等于255的整数。
步骤305、确定所述轨迹在第一Canvas元素上对应的位置。
第二Canvas元素记录的轨迹可以映射到第一Canvas元素，确定该轨迹在第一Canvas元素上对应的像素点。
本申请实施例还可以根据该轨迹在第一Canvas元素上对应的像素点及该像素点周围的像素点的像素信息，利用边缘检测技术，对所述轨迹进行调整。
具体地，浏览器可以根据原始图像A，分别绘制三个灰度图像C1、C2和C3。三个灰度图像C1、C2和C3的alpha通道的取值可以为0，表示灰度图像C1、C2和C3可以不向用户展现，即灰度图像C1、C2和C3是透明的。
浏览器具体可以创建第四Canvas元素，该Canvas元素的尺寸为所述原始图像的尺寸。将原始图像A中的每个像素的R值复制到第四Canvas元素，以作为灰度图像C1各像素的R值，并将灰度图像C1的G值和B值设置为与R值相同的数值，如图2D所示。
浏览器具体可以创建第五Canvas元素，该Canvas元素的尺寸为所述原始图像的尺寸。在第五Canvas元素上，将原始图像A中的每个像素的G值直接复制，以作为灰度图像C2各像素的G值，并将灰度图像的R值和B值设置为与G值相同的数值，如图2E所示。
浏览器具体可以创建第六Canvas元素，该Canvas元素的尺寸为所述原始图像的尺寸。在第六Canvas元素上，将原始图像A中的每个像素的B值直接复制，以作为灰度图像C3各像素的B值，并将灰度图像的R值和G值设置为与B值相同的数值，如图2F所示。
接着，浏览器对上述3个灰度图像C1、C2和C3进行边缘查找处理。以2D所示的灰度图像C1中一个像素为例，假设当前像素的R值为r，读取该当前像素四周邻近位置的像素（例如，当前像素的周围相邻的8个像素）的R值，将它们相加，得到一个值s。重新计算当前像素的R值为(8*r-s)/8。在灰度图像C1中对应所述轨迹的位置附近，或者，在灰度图像C1中全部位置，循环进行像素的R值计算，得到边缘查找处理之后的结果图像C1′，如图2G所示。
同理，还可以对图2E所示的灰度图像C2进行边缘查找处理，得到结果图像C2′（如图2H所示）。其中，对灰度图像C2的边缘查找处理中，进行重新计算的对象为对应所述轨迹的位置附近或者灰度图像C2中全部位置的像素的G值。
对图2F所示的灰度图像C3进行边缘查找处理，得到结果图像C3′（如图2I所示）。其中，对灰度图像C3的边缘查找处理中，重新计算的对象为对应所述轨迹的位置附近或者灰度图像C3中全部位置的像素的B值。
最后，浏览器对3个结果图像C1′、C2′和C3′进行整合处理，获得一个边缘较为清晰的整合图像（如图2J所示）。所述整合图像中的每个像素的R、G、B值分别为该像素在结果图像C1′、C2′和C3′中各对应通道上的最低的值。即，所述整合图像中的每个像素的R值为该像素在结果图像C1′、C2′和C3′的R值中最小者；所述整合图像中的每个像素的G值为该像素在结果图像C1′、C2′和C3′的G值中最小者；所述整合图像中的每个像素的B值为该像素在结果图像C1′、C2′和C3′的B值中最小者。
计算所述轨迹中每一像素在整合图像中的像素值与对应像素在原始图像中的RGB值之间的差值，当所述差值大于预设的调整阈值时，则从所述轨迹中剔除该像素。
可替换地，本申请提供的技术方案还可以进一步利用Canvas应用程序提供的贝塞尔曲线绘制工具（bezierCurveTo）来绘制所述轨迹。
现有的Canvas应用程序提供了对贝塞尔曲线绘制工具（bezierCurveTo）绘制的曲线进行平滑调整的功能，浏览器则可以调用这个功能对所述轨迹进行调整，详细描述可以参见现有技术中的相关内容，此处不再赘述。
步骤306、根据所述轨迹在第一Canvas元素上对应的位置，选择第一Canvas元素上的至少部分区域，以作为目标图像。
确定该轨迹在第一Canvas元素上对应的位置的过程实际上是该轨迹在第一Canvas元素映射的投影。所述轨迹可以包括线状轨迹。在第一Canvas元素上选择的至少部分区域可以是该轨迹在第一Canvas元素上映射的投影的上方、下方、左方或右方的区域。
本申请实施例中所述线状轨迹通常为封闭式曲线。在第一Canvas元素上选择的至少部分区域则可以是该轨迹在第一Canvas元素上映射的投影所封闭的区域。可以理解地，在第一Canvas元素上选择的至少部分区域也可以是该投影所封闭的区域以外的区域。
需要说明的是，由于用户操作的灵活性，以及轨迹输入的精确性，等诸多因素，使得输入设备输入的轨迹可能不再是一个封闭式轨迹，而是起点与终点之间稍微有一点点距离的轨迹。因此，只要这个距离能够在距离阈值的范围之内，仍然可以认为该轨迹为封闭式轨迹。
用户在页面上输入的轨迹也可以包括面状轨迹，比如用户通过输入设备在页面中可编辑对象上涂抹的一片区域。在第一Canvas元素上选择的区域则为该投影在第一Canvas元素上所覆盖的区域。
其中，本申请实施例中所执行的映射操作可以有多种实现方式，本申请实施例对此不进行特别限定。
步骤307、将所述目标图像映射到所述第三Canvas对象，并展现所述目标图像。
本申请实施例可以将第一Canvas对象的像素信息映射到第三Canvas对象。其中，需要展现的目标图像B的像素点可以采用A值标记的方式与其他像素点区分出来。例如，在第一Canvas对象的像素信息映射到第三Canvas对象时，对于目标图像的像素点的A值设置为大于0且小于255的值，而非目标图像的像素点的A值则设置为0。利用第三Canvas元素的destination-in属性，则可以将最终的结果图像即目标图像B展现出来，如图2C所示。
这样，浏览器就完成了将所述原始图像A在所述调整之后的轨迹所围成的区域内的部分即目标图像B，映射到第三Canvas元素3上的操作。
可以理解的是，本申请实施例中所涉及的浏览器对原始图像A的操作还可以是基于放大或缩小的原始图像A所进行的，本申请实施例对此不进行特别限定。
本申请实施例中，通过在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上，进而检测输入设备在所述页面上输入的轨迹，并使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像，使得能够创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像，由于不再需要使用第三方提供的图像处理工具，操作简单，因此，能够避免现有技术中由于需要客户端与第三方提供的图像处理工具共同进行操作而导致的操作复杂的问题，从而提高了图像处理的效率。
另外，采用本申请提供的技术方案，通过在当前页面中展现原始图像的客户端直接对该原始图像进行部分图像的选择处理，因此，能够在当前页面中实时展现处理结果，以便用户根据客户端所展现的处理结果调整输入设备在所述原始图像上输入的轨迹，从而提高了图像处理的可靠性。
另外，采用本申请提供的技术方案，通过在当前页面中展现原始图像的客户端直接对该原始图像进行部分图像的选择处理，因此，能够在当前页面中完成图像上传、图像处理与图像提交等一些列操作，从而有效提升了用户体验。
需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
图4为本申请另一实施例提供的图像的处理装置的结构示意图，如图4所示。本申请实施例的图像的处理装置可以包括映射单元41、检测单元42和选择单元43。其中，映射单元41，用于在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上；检测单元42，用于检测输入设备在所述页面上输入的轨迹；选择单元43，用于使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像；所述映射单元41，还用于创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像。
目标图像用于进行后续操作，例如，在当前的页面中替换目标图像、拷贝目标图像等操作。另外，也可以确定可编辑对象中除了目标图像的这部分之外的其他部分。对可编辑对象的其他部分进行透明化操作、隐藏操作或删除操作等操作，本申请实施例对此不进行特别限定。
可选地，在本申请实施例的一个可能的实现方式中，所述映射单元41，具体可以用于获取所述原始图像的像素信息；以及根据所述原始图像的像素信息，在所述可编辑对象上绘制所述原始图像。所述可编辑对象的尺寸与所述原始图像的尺寸相适应，例如，大于或等于所述原始图像的尺寸。其中，所述页面包括Web页面。
其中，每个像素可以包括三通道的像素信息，例如像素的RGB值。可以理解的是，每个像素也可以包括四通道的像素信息，例如像素的RGBA值。
其中，R通道（即红色分量），取值可以是0～255之间的整数；
G通道（即绿色分量），取值可以是0～255之间的整数；
B通道（蓝色分量），取值可以是0～255之间的整数；
A通道（alpha通道），还可以称为透明通道，取值可以是0～255之间的整数，0表示像素是透明的，255表示像素是完全可见的即不透明的。
具体地，所述可编辑对象可以包括但不限于画布（Canvas）元素、对象（Object）元素或嵌入（Embed）元素，本申请实施例对此不进行特别限定。
其中，本申请实施例中的可编辑对象的创建基于浏览器实现。所述浏览器可以完成页面中原始图像的渲染。可编辑对象为Canvas元素时，可以由浏览器调用Canvas程序提供。应用程序的辅助应用程序（helper application）例如，Flash应用程序等，可以是客户端启动的程序，也可以称为插件。这些辅助应用程序可以用于Object元素或Embed元素创建或加载。本申请实施例中所称的客户端包括终端设备安装的应用程序、第三方APP，例如，浏览器。
需要说明的是，本申请实施例所涉及的输入设备可以包括但不限于鼠标、键盘或触摸屏，本申请实施例对此不进行特别限定。
可选地，在本申请实施例的一个可能的实现方式中，所述检测单元42，具体可以用于在所述页面中创建操作对象；以及在所述操作对象上，检测所述轨迹。所述操作对象用于检测所述轨迹。所述操作对象的尺寸与所述原始图像的尺寸相适应，例如，大于或等于所述原始图像的尺寸。
在页面中，所述操作对象覆盖于所述可编辑对象上。可以理解的是，为了不对用户产生干扰，所述操作对象上的所有像素的像素信息的取值均为0。当用户对可编辑对象中展现的原始图像进行编辑时，用户在页面上输入的轨迹可以通过所述操作对象检测。
具体地，所述操作对象可以包括但不限于Canvas元素、Object元素或Embed元素，本申请实施例对此不进行特别限定。
用户对可编辑对象中展现的原始图像进行编辑时，用户的输入操作由操作对象记录并映射到所述可编辑对象上。选择单元43可以使用映射到所述可编辑对象的轨迹在可编辑对象中选择至少部分区域，以作为目标图像。
用户在页面上输入的轨迹可以包括线状轨迹。在可编辑对象上选择的区域为所述轨迹按预定规则涉及的区域，例如，可编辑对象中在所述轨迹上方、下方、左方或右方的区域。
本申请实施例中所述线状轨迹通常为封闭式曲线，在可编辑对象上选择的区域则可以是该轨迹所封闭的区域。可以理解的是，在可编辑对象上选择的区域也可以是该轨迹所封闭的区域以外的区域。
需要说明的是，由于用户操作的灵活性，以及轨迹输入的精确性，等诸多因素，使得输入设备输入的轨迹可能不再是一个封闭式轨迹，而是起点与终点之间稍微有一点点距离的轨迹。因此，只要这个距离能够在距离阈值的范围之内，仍然可以认为该轨迹为封闭式轨迹。
用户在页面上输入的轨迹也可以包括面状轨迹，例如，用户通过输入设备在页面中涂抹的一片区域。在可编辑对象上选择的区域则为该轨迹在可编辑对象上所覆盖的区域。
可以理解的是，所述结果对象上的所有像素的像素信息的初始取值均为0。所述结果对象在与所述目标图像建立映射后记录所述目标图像的像素信息。所述结果对象记录的像素信息作为所述图像处理得到的结果图像的像素信息。
具体地，所述结果对象可以包括但不限于Canvas元素、Object元素或Embed元素，本申请实施例对此不进行特别限定。所述轨迹为线状轨迹时，由于输入设备所输入的轨迹存在一定的宽度，因此，选择单元43在确定目标图像时，还可以进一步考虑所述轨迹覆盖的部分。轨迹覆盖的部分可能是用户关注或需要展现的内容，因此，目标图像可以包括轨迹覆盖的部分。
此外，选择单元43也可以对所述轨迹的宽度进行调整，以使得所述轨迹的宽度适当变小，可以帮助用户提升目标图像的选择的准确性。
例如，所述选择单元43，具体可以用于利用边缘检测技术，对所述轨迹进行调整；以及使用所述调整之后的轨迹选择所述可编辑对象的至少部分区域，以作为所述目标图像。这样，就可以将所述原始图像在所述调整之后的轨迹所围成的区域内的部分，映射到所述结果对象上。
可选地，在本申请实施例的一个可能的实现方式中，所述映射单元41，具体可以用于将所述可编辑对象的像素信息映射到所述结果对象上。
其中，所述可编辑对象的像素信息包括像素的Alpha值，将所述可编辑对象的像素信息映射到所述结果对象上时，将所述目标图像的像素的Alpha值设置为大于0且小于255的数值，将非目标图像的像素的Alpha值设置为0。
本申请实施例可以由浏览器实现，操作简单，能够避免现有技术中由于需要客户端与第三方提供的图像处理工具共同进行操作而导致的操作复杂的问题，从而提高了图像处理的效率。
另外，采用本申请提供的技术方案，通过在当前页面中展现原始图像的客户端对该原始图像进行部分图像的选择处理，因此，能够在当前页面中实时展现处理结果，以便用户根据客户端所展现的处理结果调整输入设备输入的轨迹，从而提高了图像处理的可靠性。
为使得本申请实施例提供的方法更加清楚，下面将以浏览器中自带的Canvas应用程序作为举例。用户可以通过指定的页面即信息发布页面，将一些信息发布出去，例如，行业信息、企业信息、服务信息或产品信息等个性化内容。其中，待发布的信息中包括原始图像A，如图2A所示。用户在浏览器显示的信息发布页面中，上传原始图像A到浏览器。浏览器可以采用HTMLCanvas应用程序来渲染用户上传的原始图像A。由于页面布局等因素，用户只想发布原始图像A中的部分内容即目标图像B，例如，热气球的图像内容。本申请一个具体实施例中的图像处理装置可以对应执行图3对应的实施例中步骤301～步骤307的操作，详细描述可以参见步骤301～步骤307的相关内容，此处不再赘述。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所展现或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元展现的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本申请实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机装置（可以是个人计算机，服务器，或者网络装置等）或处理器（processor）执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（Read-Only Memory，ROM）、随机存取存储器（Random Access Memory，RAM）、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (14)

1.一种图像的处理方法，其特征在于，包括：
在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上；
在所述页面上创建操作对象，所述操作对象覆盖于所述可编辑对象上且大于或等于所述原始图像的尺寸，在所述操作对象上检测输入设备在所述页面上输入的轨迹；其中所述操作对象记录用户的输入操作并映射到所述可编辑对象上；
使用映射到所述可编辑对象的轨迹选择所述可编辑对象的至少部分区域，以作为目标图像；
创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像。
2.根据权利要求1所述的方法，其特征在于，所述将页面中待处理的原始图像的像素信息映射到所述可编辑对象上，包括：
获取所述原始图像的像素信息；
根据所述原始图像的像素信息，在所述可编辑对象上绘制所述原始图像。
3.根据权利要求1所述的方法，其特征在于，所述可编辑对象包括Canvas元素、Object元素或Embed元素。
4.根据权利要求1所述的方法，其特征在于，所述结果对象包括Canvas元素、Object元素或Embed元素。
5.根据权利要求4所述的方法，其特征在于，所述操作对象包括Canvas元素、Object元素或Embed元素。
6.根据权利要求1所述的方法，其特征在于，所述使用所述轨迹选择所述可编辑对象的至少部分区域，以作为目标图像，包括：
利用边缘检测技术，对所述轨迹进行调整；
使用所述调整之后的轨迹选择所述可编辑对象的至少部分区域，以作为所述目标图像。
7.根据权利要求1～6任一权利要求所述的方法，其特征在于，所述将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像，包括：
将所述可编辑对象的像素信息映射到所述结果对象上；其中，
所述可编辑对象的像素信息包括像素的Alpha值，将所述可编辑对象的像素信息映射到所述结果对象上时，将所述目标图像的像素的Alpha值设置为大于0且小于255的数值，将非目标图像的像素的Alpha值设置为0。
8.一种图像的处理装置，其特征在于，包括：
映射单元，用于在页面中创建可编辑对象，将待处理的原始图像的像素信息映射到所述可编辑对象上；
检测单元，用于在所述页面上创建操作对象，所述操作对象覆盖于所述可编辑对象上且大于或等于所述原始图像的尺寸，在所述操作对象上检测输入设备在所述页面上输入的轨迹；其中所述操作对象记录用户的输入操作并映射到所述可编辑对象上；
选择单元，用于使用映射到所述可编辑对象的轨迹选择所述可编辑对象的至少部分区域，以作为目标图像；
所述映射单元，还用于创建结果对象，将所述目标图像的像素信息映射到所述结果对象上，并展现所述目标图像。
9.根据权利要求8所述的装置，其特征在于，所述映射单元，具体用于获取所述原始图像的像素信息；以及
根据所述原始图像的像素信息，在所述可编辑对象上绘制所述原始图像。
10.根据权利要求8所述的装置，其特征在于，所述可编辑对象包括Canvas元素、Object元素或Embed元素。
11.根据权利要求8所述的装置，其特征在于，所述结果对象包括Canvas元素、Object元素或Embed元素。
12.根据权利要求8所述的装置，其特征在于，所述操作对象包括Canvas元素、Object元素或Embed元素。
13.根据权利要求8所述的装置，其特征在于，所述选择单元，具体用于
利用边缘检测技术，对所述轨迹进行调整；以及
使用所述调整之后的轨迹选择所述可编辑对象的至少部分区域，以作为所述目标图像。
14.根据权利要求8～13任一权利要求所述的装置，其特征在于，所述映射单元，具体用于
将所述可编辑对象的像素信息映射到所述结果对象上；其中，
所述可编辑对象的像素信息包括像素的Alpha值，将所述可编辑对象的像素信息映射到所述结果对象上时，将所述目标图像的像素的Alpha值设置为大于0且小于255的数值，将非目标图像的像素的Alpha值设置为0。
CN201310519643.2A 2013-10-29 2013-10-29 图像的处理方法及装置 Active CN104574454B (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN201310519643.2A CN104574454B (zh) 2013-10-29 2013-10-29 图像的处理方法及装置
TW103110121A TW201516968A (zh) 2013-10-29 2014-03-18 圖像的處理方法及裝置
US14/524,792 US10678410B2 (en) 2013-10-29 2014-10-27 Browser-based image processing
PCT/US2014/062709 WO2015066065A1 (en) 2013-10-29 2014-10-28 Browser-based image processing
HK15106276.5A HK1206131A1 (zh) 2013-10-29 2015-07-02 圖像的處理方法及裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310519643.2A CN104574454B (zh) 2013-10-29 2013-10-29 图像的处理方法及装置

Publications (2)

Publication Number Publication Date
CN104574454A CN104574454A (zh) 2015-04-29
CN104574454B true CN104574454B (zh) 2020-06-02

Family

ID=52996894

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310519643.2A Active CN104574454B (zh) 2013-10-29 2013-10-29 图像的处理方法及装置

Country Status (5)

Country Link
US (1) US10678410B2 (zh)
CN (1) CN104574454B (zh)
HK (1) HK1206131A1 (zh)
TW (1) TW201516968A (zh)
WO (1) WO2015066065A1 (zh)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10540801B1 (en) * 2014-02-20 2020-01-21 William Ernest Miller Method and system for construction project management using photo imaging measurements
CN105677194A (zh) * 2015-12-29 2016-06-15 深圳市金立通信设备有限公司 一种对象选择方法及终端
CN105892753B (zh) * 2016-04-29 2019-01-01 努比亚技术有限公司 一种面向触屏设备的方法及装置
CN108959287B (zh) * 2017-05-17 2021-08-03 中兴通讯股份有限公司 一种网页内容处理方法及装置、存储介质
US10861162B2 (en) * 2017-12-08 2020-12-08 Ebay Inc. Object identification in digital images
CN108428222A (zh) * 2018-05-21 2018-08-21 深圳市神飞电子科技有限公司 一种太赫兹图像与自然光图像叠加的系统
CN110147511B (zh) * 2019-05-08 2024-06-11 腾讯科技（深圳）有限公司 一种页面处理方法、装置、电子设备及介质
US11095901B2 (en) * 2019-09-23 2021-08-17 International Business Machines Corporation Object manipulation video conference compression
CN112667128B (zh) * 2020-12-24 2024-07-09 携程旅游网络技术（上海）有限公司 基于浏览器画布的图片处理方法、系统、设备和介质
CN112686973A (zh) * 2020-12-24 2021-04-20 京东方科技集团股份有限公司 图像编辑方法及控制装置、存储介质、计算机设备
CN114222149A (zh) * 2021-11-17 2022-03-22 武汉斗鱼鱼乐网络科技有限公司 一种推流方法、装置、介质及计算机设备

Family Cites Families (27)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5694532A (en) * 1996-01-26 1997-12-02 Silicon Graphics, Inc. Method for selecting a three-dimensional object from a graphical user interface
US6961905B1 (en) * 2000-06-23 2005-11-01 Microsoft Corporation Method and system for modifying an image on a web page
US7299424B2 (en) * 2002-05-14 2007-11-20 Microsoft Corporation Lasso select
US7076498B2 (en) 2002-06-10 2006-07-11 International Business Machines Corporation Method and apparatus for processing user input selecting images from a web page in a data processing system
US7000184B2 (en) * 2003-01-24 2006-02-14 The Cobalt Group, Inc. Remote web site editing in a standard web browser without external software
US20040215719A1 (en) * 2003-04-09 2004-10-28 Altshuler Dennis Wayne Method and system for designing, editing and publishing web page content in a live internet session
US7262785B2 (en) * 2003-08-21 2007-08-28 Microsoft Corporation Ink editing architecture
US8385589B2 (en) * 2008-05-15 2013-02-26 Berna Erol Web-based content detection in images, extraction and recognition
US7627174B1 (en) * 2005-08-24 2009-12-01 Qurio Holdings, Inc. Digital image crop and order linked to a physical cropping tool
US8014608B2 (en) 2006-03-09 2011-09-06 Lexmark International, Inc. Web-based image extraction
US7631253B2 (en) * 2006-05-05 2009-12-08 Google Inc. Selective image editing in a browser
US7631252B2 (en) * 2006-05-05 2009-12-08 Google Inc. Distributed processing when editing an image in a browser
US20080209311A1 (en) * 2006-12-29 2008-08-28 Alex Agronik On-line digital image editing with wysiwyg transparency
US8175420B2 (en) * 2007-05-14 2012-05-08 Google Inc. System and method for in-browser photo editing
US8225208B2 (en) * 2007-08-06 2012-07-17 Apple Inc. Interactive frames for images and videos displayed in a presentation application
EP2286384B1 (en) * 2008-05-28 2012-06-27 Apple Inc. Defining a border for an image
US8924851B2 (en) * 2008-10-10 2014-12-30 Adobe Systems Incorporated Non-destructive manipulation of images in web development environments
US20100177118A1 (en) * 2009-01-09 2010-07-15 Sytnikov Vadim Vasilievich Path creation utility for image editor
US8532435B1 (en) * 2009-08-18 2013-09-10 Adobe Systems Incorporated System and method for automatically adapting images
US8954386B2 (en) * 2011-03-22 2015-02-10 Microsoft Corporation Locally editing a remotely stored image
US8635518B1 (en) 2011-07-21 2014-01-21 Google Inc. Methods and systems to copy web content selections
TWI492166B (zh) * 2012-01-12 2015-07-11 Kofax Inc 行動影像擷取和處理的系統和方法
US20130283192A1 (en) * 2012-04-19 2013-10-24 Motorola Mobility, Inc. Generation of Canvas Elements for Drawing Objects
US20130278626A1 (en) * 2012-04-20 2013-10-24 Matthew Flagg Systems and methods for simulating accessory display on a subject
US9143542B1 (en) * 2013-06-05 2015-09-22 Google Inc. Media content collaboration
US9654602B2 (en) * 2014-01-22 2017-05-16 Zebrafish Labs, Inc. User interface for just-in-time image processing
US10101983B2 (en) * 2014-11-07 2018-10-16 Open Text Sa Ulc Client application with embedded server

Also Published As

Publication number Publication date
US20150121196A1 (en) 2015-04-30
US10678410B2 (en) 2020-06-09
CN104574454A (zh) 2015-04-29
WO2015066065A1 (en) 2015-05-07
TW201516968A (zh) 2015-05-01
HK1206131A1 (zh) 2015-12-31

Similar Documents

Publication Publication Date Title
CN104574454B (zh) 图像的处理方法及装置
CN103500066B (zh) 一种适用于触屏设备的截图装置和方法
US8819545B2 (en) Digital comic editor, method and non-transitory computer-readable medium
US10129188B2 (en) Method, system and apparatus for adding network comment information
US8930814B2 (en) Digital comic editor, method and non-transitory computer-readable medium
JP5439455B2 (ja) 電子コミック編集装置、方法及びプログラム
WO2013058397A1 (ja) 電子コミック編集装置及び方法
EP2898668B1 (en) System for photograph enhancement by user controlled local image enhancement
CN106447756B (zh) 用于生成用户定制的计算机生成动画的方法和系统
CN105867820A (zh) 用于触摸屏的文本编辑方法和装置
CN114357345A (zh) 图片处理方法、装置、电子设备及计算机可读存储介质
CN109410295B (zh) 颜色设置方法、装置、设备及计算机可读存储介质
CN101354789A (zh) 一种图像面具特效的实现方法和设备
US20130121579A1 (en) Software for text and image edit recognition for editing of images that contain text
CN109543495B (zh) 一种人脸关键点标注方法、装置、电子设备及存储介质
CN110737417A (zh) 一种演示设备及其标注线的显示控制方法和装置
CN112395838A (zh) 对象同步编辑方法、装置、设备及可读存储介质
US8902252B2 (en) Digital image selection in a surface computing device
CN111782309B (zh) 显示信息的方法、装置及计算机可读存储介质
Siogkas Visual media processing using matlab beginner's guide
CN108491139B (zh) 一种对象固定方法、装置、终端设备及存储介质
US20170344204A1 (en) Systems and methods for detecting and displaying graphic contents on digital media page
CN112035771A (zh) 基于web的摄像头数据绘制方法、装置及电子设备
CN114363521B (zh) 图像处理方法、装置及电子设备
JP2013088777A (ja) ビューワ装置、サーバ装置、表示制御方法、電子コミック編集方法及びプログラム

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1206131

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant