TW201516968A - 圖像的處理方法及裝置 - Google Patents

圖像的處理方法及裝置 Download PDF

Info

Publication number
TW201516968A
TW201516968A TW103110121A TW103110121A TW201516968A TW 201516968 A TW201516968 A TW 201516968A TW 103110121 A TW103110121 A TW 103110121A TW 103110121 A TW103110121 A TW 103110121A TW 201516968 A TW201516968 A TW 201516968A
Authority
TW
Taiwan
Prior art keywords
image
editable
trajectory
target image
pixel information
Prior art date
Application number
TW103110121A
Other languages
English (en)
Inventor
Hao Ye
Ke-Liang Ye
Original Assignee
Alibaba Group Services 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 Services Ltd filed Critical Alibaba Group Services Ltd
Publication of TW201516968A publication Critical patent/TW201516968A/zh

Links

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。
由上述技術方案可知，本發明實施例通過在頁面中創建可編輯物件，將待處理的原始圖像的像素資訊映射到所述可編輯物件上，進而檢測輸入裝置在所述頁面上輸入的軌跡，並使用所述軌跡選擇所述可編輯物件的至少部分區域，以作為目標圖像，使得能夠創建結果物件，將所述目標圖像的像素資訊映射到所述結果物件上，並展現所述目標圖像，由於不再需要使用第三方提供的圖像處理工具，操作簡單，因此，能夠避免現有技術中由於需要客戶端與第三方提供的圖像處理工具共同進行操作而導致的操作複雜的問題，從而提高了圖像處理的效率。
41‧‧‧映射單元
42‧‧‧檢測單元
43‧‧‧選擇單元
為了更清楚地說明本發明實施例中的技術方案，下面將對實施例或現有技術描述中所需要使用的圖式作一簡單地介紹，顯而易見地，下面描述中的圖式是本發明的一些實施例，對於本領域普通技術人員來講，在不付出創造性勞動性的前提下，還可以根據這些圖式獲得其他的圖式。
圖1為本發明一實施例提供的圖像的處理方法的流程示意圖； 圖2A為圖3對應的實施例中涉及的原始圖像A的示意圖；圖2B~圖2J為圖2A所示的原始圖像A經過瀏覽器操作之後的示意圖；圖3為本發明另一實施例提供的圖像的處理方法的流程示意圖；圖4為本發明另一實施例提供的圖像的處理裝置的結構示意圖。
為使本發明實施例的目的、技術方案和優點更加清楚，下面將結合本發明實施例中的圖式，對本發明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例是本發明一部分實施例，而不是全部的實施例。基於本發明中的實施例，本領域普通技術人員在沒有作出創造性勞動前提下所獲得的全部其他實施例，都屬於本發明保護的範圍。
需要說明的是，本發明實施例中所涉及的終端可以包括但不限於手機、個人數位助理(Personal Digital Assistant，PDA)、無線手持裝置、輕省筆電、個人電腦、便攜電腦、MP3播放機、MP4播放機等。
需要說明的是，本發明所涉及的頁面，可以是基於超文字標記語言(HyperText Markup 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展現出來。
這樣，瀏覽器就完成了將所述原始圖像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到瀏覽器。瀏覽器可以採用HTML Canvas應用程式來渲染使用者上傳的原始圖像A。由於頁面配置等因素，使用者只想發佈原始圖像A中的部分內容即目標圖像B，例如，熱氣球的圖像內容。本發明一個具體實施例 中的圖像處理裝置可以對應執行圖3對應的實施例中步驟301~步驟307的操作，詳細描述可以參見步驟301~步驟307的相關內容，此處不再贅述。
所屬領域的技術人員可以清楚地瞭解到，為描述的方便和簡潔，上述描述的系統，裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。
在本發明所提供的幾個實施例中，應該理解到，所揭露的系統，裝置和方法，可以通過其它的方式實現。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現時可以有另外的劃分方式，例如多個單元或元件可以結合或者可以集成到另一個系統，或一些特徵可以忽略，或不執行。另一點，所展現或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些介面，裝置或單元的間接耦合或通信連接，可以是電性，機械或其它的形式。
所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元展現的部件可以是或者也可以不是物理單元，即可以位於一個地方，或者也可以分佈到多個網路單元上。可以根據實際的需要選擇其中的部分或者全部單元來實現本發明實施例方案的目的。
另外，在本發明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的 單元既可以採用硬體的形式實現，也可以採用硬體加軟體功能單元的形式實現。
上述以軟體功能單元的形式實現的集成的單元，可以儲存在一個電腦可讀取儲存介質中。上述軟體功能單元儲存在一個儲存介質中，包括若干指令用以使得一台電腦裝置(可以是個人電腦，伺服器，或者網路裝置等)或處理器(processor)執行本發明各個實施例所述方法的部分步驟。而前述的儲存介質包括：隨身碟、行動硬碟、唯讀記憶體(Read-Only Memory，ROM)、隨機存取記憶體(Random Access Memory，RAM)、磁碟或者光碟等各種可以儲存程式碼的介質。
最後應說明的是：以上實施例僅用以說明本發明的技術方案，而非對其限制；儘管參照前述實施例對本發明進行了詳細的說明，本領域的普通技術人員應當理解：其依然可以對前述各實施例所記載的技術方案進行修改，或者對其中部分技術特徵進行等同替換；而這些修改或者替換，並不使相應技術方案的本質脫離本發明各實施例技術方案的精神和範圍。

Claims (15)

  1. 一種圖像的處理方法，其特徵在於，包括：在頁面中創建可編輯物件，將待處理的原始圖像的像素資訊映射到所述可編輯物件上；檢測輸入裝置在所述頁面上輸入的軌跡；使用所述軌跡選擇所述可編輯物件的至少部分區域，以作為目標圖像；創建結果物件，將所述目標圖像的像素資訊映射到所述結果物件上，並展現所述目標圖像。
  2. 如申請專利範圍第1項所述的方法，其中，所述將頁面中待處理的原始圖像的像素資訊映射到所述可編輯物件上，包括：獲取所述原始圖像的像素資訊；根據所述原始圖像的像素資訊，在所述可編輯物件上繪製所述原始圖像。
  3. 如申請專利範圍第1項所述的方法，其中，所述可編輯物件包括Canvas元素、Object元素或Embed元素。
  4. 如申請專利範圍第1項所述的方法，其中，所述結果物件包括Canvas元素、Object元素或Embed元素。
  5. 如申請專利範圍第1項所述的方法，其中，所述檢測輸入裝置在所述頁面上輸入的軌跡，包括：在所述頁面中創建操作物件；在所述操作物件上，檢測所述軌跡。
  6. 如申請專利範圍第5項所述的方法，其中，所述操作物件包括Canvas元素、Object元素或Embed元素。
  7. 如申請專利範圍第1項所述的方法，其中，所述使用所述軌跡選擇所述可編輯物件的至少部分區域，以作為目標圖像，包括：利用邊緣檢測技術，對所述軌跡進行調整；使用所述調整之後的軌跡選擇所述可編輯物件的至少部分區域，以作為所述目標圖像。
  8. 如申請專利範圍第1項至第7項中任一項所述的方法，其中，所述將所述目標圖像的像素資訊映射到所述結果物件上，並展現所述目標圖像，包括：將所述可編輯物件的像素資訊映射到所述結果物件上；其中，所述可編輯物件的像素資訊包括像素的Alpha值，將所述可編輯物件的像素資訊映射到所述結果物件上時，將所述目標圖像的像素的Alpha值設置為大於0且小於255的數值，將非目標圖像的像素的Alpha值設置為0。
  9. 一種圖像的處理裝置，其特徵在於，包括：映射單元，用於在頁面中創建可編輯物件，將待處理的原始圖像的像素資訊映射到所述可編輯物件上；檢測單元，用於檢測輸入裝置在所述頁面上輸入的軌跡；選擇單元，用於使用所述軌跡選擇所述可編輯物件的至少部分區域，以作為目標圖像； 所述映射單元，還用於創建結果物件，將所述目標圖像的像素資訊映射到所述結果物件上，並展現所述目標圖像。
  10. 如申請專利範圍第9項所述的裝置，其中，所述映射單元，具體用於獲取所述原始圖像的像素資訊；以及根據所述原始圖像的像素資訊，在所述可編輯物件上繪製所述原始圖像。
  11. 如申請專利範圍第9項所述的裝置，其中，所述可編輯物件包括Canvas元素、Object元素或Embed元素。
  12. 如申請專利範圍第9項所述的裝置，其中，所述結果物件包括Canvas元素、Object元素或Embed元素。
  13. 如申請專利範圍第9項所述的裝置，其中，所述檢測單元，具體用於在所述頁面中創建操作物件；以及在所述操作物件上，檢測所述軌跡；其中，所述操作物件包括Canvas元素、Object元素或Embed元素。
  14. 如申請專利範圍第9項所述的裝置，其中，所述選擇單元，具體用於利用邊緣檢測技術，對所述軌跡進行調整；以及使用所述調整之後的軌跡選擇所述可編輯物件的至少部分區域，以作為所述目標圖像。
  15. 如申請專利範圍第9項所述的裝置，其中，所述 映射單元，具體用於將所述可編輯物件的像素資訊映射到所述結果物件上；其中，所述可編輯物件的像素資訊包括像素的Alpha值，將所述可編輯物件的像素資訊映射到所述結果物件上時，將所述目標圖像的像素的Alpha值設置為大於0且小於255的數值，將非目標圖像的像素的Alpha值設置為0。
TW103110121A 2013-10-29 2014-03-18 圖像的處理方法及裝置 TW201516968A (zh)

Applications Claiming Priority (1)

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

Publications (1)

Publication Number Publication Date
TW201516968A true TW201516968A (zh) 2015-05-01

Family

ID=52996894

Family Applications (1)

Application Number Title Priority Date Filing Date
TW103110121A TW201516968A (zh) 2013-10-29 2014-03-18 圖像的處理方法及裝置

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
US7631252B2 (en) * 2006-05-05 2009-12-08 Google Inc. Distributed processing when editing an image in a browser
US7633510B2 (en) * 2006-05-05 2009-12-15 Google Inc. Rollback 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
CN102067173B (zh) * 2008-05-28 2015-06-10 苹果公司 用于在包含多个像素的图像中选择关注部分的方法和设备
US8924851B2 (en) * 2008-10-10 2014-12-30 Adobe Systems Incorporated Non-destructive manipulation of images in web development environments
WO2010081040A1 (en) * 2009-01-09 2010-07-15 Skinit, Inc. 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
US8855375B2 (en) * 2012-01-12 2014-10-07 Kofax, Inc. Systems and methods for mobile image capture and processing
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
CN104574454B (zh) 2020-06-02
CN104574454A (zh) 2015-04-29
US20150121196A1 (en) 2015-04-30
HK1206131A1 (zh) 2015-12-31
WO2015066065A1 (en) 2015-05-07
US10678410B2 (en) 2020-06-09

Similar Documents

Publication Publication Date Title
TW201516968A (zh) 圖像的處理方法及裝置
US11010034B2 (en) Automatic presentation of slide design suggestions
US11158057B2 (en) Device, method, and graphical user interface for processing document
US10380773B2 (en) Information processing apparatus, information processing method, and computer readable medium
US8819545B2 (en) Digital comic editor, method and non-transitory computer-readable medium
US9251404B2 (en) Name bubble handling
EP2811731B1 (en) Electronic device for editing dual image and method thereof
JP5439456B2 (ja) 電子コミック編集装置、方法及びプログラム
CN107005458B (zh) 未脚本化数字媒体消息生成方法、装置、电子设备和可读介质
US10534748B2 (en) Content file suggestions
CN108351896A (zh) 内容文件图像分析
CN109445657A (zh) 文档编辑方法和装置
US11526322B2 (en) Enhanced techniques for merging content from separate computing devices
WO2017083189A1 (en) Image analysis based color suggestions
CN114528816B (zh) 协同编辑的信息展示方法、装置、电子设备和可读介质
CN101354789A (zh) 一种图像面具特效的实现方法和设备
CN112395838A (zh) 对象同步编辑方法、装置、设备及可读存储介质
WO2021104322A1 (zh) 一种批注数据保存方法及装置
CN110737417B (zh) 一种演示设备及其标注线的显示控制方法和装置
CN115134317B (zh) 消息显示方法、装置、存储介质和电子装置
US20140380194A1 (en) Contents sharing service
KR20160136726A (ko) 전자 장치 및 그 제어 방법
AU2022100086A4 (en) Systems and methods for automatically adjusting design element attributes
US20240310986A1 (en) Systems and methods for identifying and/or transferring decorative design elements
JP2021047639A (ja) 情報処理装置及び情報処理プログラム