201113829 六、發明說明： 【發明所屬之技術領域】 本發明係關於一種於線上 輯作業之系統，尤指一種可判 合最低限制並提供可任意排列 上圖文編排系統。 執行影像、文字、排版等編 斷編輯影像之解析度是否符 之景/像/文字編輯區塊的線 【先前技術】 在數位照片已經普遍廣泛應用的現在，大多數人可簡 單地操作數位相機、手機等功具，於日常生活、外出旅遊 好友聚會等場合將.點點滴滴的回憶真實《久記錄下來。這 些拍攝所產生的數位圖片除了拿至沖印店沖洗為實體照 片’大多數使用者均是選擇將其存放在儲存媒體，例如燒 錄於光碟或存於硬碟片。 網際網路的普及、傳輸頻寬提升等眾多因素結合之 下，在網際網路上傳送較大容量的檔案照片亦是輕::舉 之事’不再舰於單純的文字内容。因此，免費個人網路 相薄、部落格（blog)等應用便快速掘起，供網路使用者將 其文章、相片、音樂等多種類型作品上傳至—伺服主機， 供他人連線至該伺服主機共同分享其發佈作品。 然而，目前網路相薄、部落格等應用方式所能提供的 介面功能相當有限，例如只能單純將數位圖片上傳、配合 S片加入文子敘述等基本功能，就整體版型而言，所能呈 現的態樣種類相當有限且過於呆板，若要進—步製作出繽 紛多采的作品，使用者必須額外學習許多語法操作功能 等此外，當使用者將編輯後的照片上傳後，由於伺服与 .201113829 機缺乏圖片解析度判讀機制’當過低解析度的圖片順利上 傳之後，他人在開啟瀏覽時仍無法清楚辨識出該賴圖片， 大為降低作品分享之目的。 【發明内容】201113829 VI. Description of the Invention: [Technical Field of the Invention] The present invention relates to a system for online work, and more particularly to a system for arbitrarily arranging the upper and lower limits and providing an arbitrarily arranged graphic layout system. Perform image, text, typesetting, etc. to edit whether the resolution of the edited image matches the line of the scene/image/text editing block. [Prior Art] Nowadays, digital cameras have been widely used, and most people can easily operate digital cameras. , mobile phones and other tools, in daily life, out of travel friends gatherings and other occasions. Bitby memories of the real "long record. The digital images produced by these shots are washed into physical photos in addition to the print shop. Most users choose to store them on a storage medium, such as a CD or a hard disk. Under the combination of the popularity of the Internet and the increase in transmission bandwidth, it is also light to transmit large-capacity archive photos on the Internet:: The matter is no longer in the simple text content. Therefore, free personal network thinning, blogs and other applications will quickly dig up for online users to upload their articles, photos, music and other types of works to the server - host for others to connect to the server The host shares their published work together. However, the interface functions provided by the current network thinning, blog and other application methods are quite limited. For example, the basic functions such as uploading digital pictures and adding S-pictures to text descriptions can be used. The types of presentations are quite limited and too rigid. To make a lot of colorful works, users must learn a lot of other grammar functions. In addition, when the user uploads the edited photos, the servos are .201113829 Machine lacks image resolution interpretation mechanism 'When a low-resolution image is successfully uploaded, others can still clearly identify the image when opening the browser, greatly reducing the purpose of the work sharing. [Summary of the Invention]
有鑑於目前在線上編排圖片、文字等作業時，所能完 成之版型配置相當呆板且無法自動辨識解析度，本發明之 主要目的係提供-種可㈣影像解析度及動態調整圖文區 塊之線上®文編排系統，時造出具個人風格且能確 保圖片能清晰呈現之圖、文整合作品。 為完成前述目的，前述可判斷影像解析度及動態調整 圖文區塊之線上圖文編排系統係包含有： 會員資料庫，係儲存各註冊會員之個人基本資料； 個人圖片資料庫，針對每一位成為會員之使用者係提 供一指定容量之儲存空間’以供使用者存放數位圖片其 中該個人圖片資料庫中包含至少一相本； 八 操作介面群組，係提供多種網頁式的操作介面供使用 者進行圖文編輯、資料輸入、瀏覽等作業； 預設版型群組，係針對多種作品類型建立各自的預設 版型，每套預設版型包含有複數獨立頁面； 係負責資料運算 控制運算模組 等處理作業； 、操作介面顯示控制 其中，該網頁式的操作介面令至少 面， 區域 叫riv具有一作品編排介 該作品編排介面包含複數編排功能選項、一頁面編輯 、一頁面選擇區域、一圖 回片選擇&域，該頁面編輯區 .201113829 域中係具有新增文字框及圖框之功能，該 以Windows GD丨AP丨建立且其位置及大：王及圖框係 制運算模組根據圖框之長、寬值，以二可調整’該控 tiAA你主 及欲加入到圖框之圖 片的像素值判斷該圖片之解析度是 又疋金冋於一最低限制，若 低於該最低限制係顯示一提示標諸。 藉此，當利用本系統執行編排作業時，各獨立頁面係 可任意新增或刪除文字框及圖框，且其大小、位置均可任 意調整以提高版型編排之靈活度，且於編輯各圖框時，系 統亦依據圖框之面積自動計算判斷該圖框中之影像是否符 合需求條件，確保所建立之作品具有良好之輸出品質。 【實施方式】 請參考第-圖所示，本發明可判斷影像解析度及動態 調整圖文區塊之線上圖文編排系統係建構在一伺服主機⑴ 中，來自不同用戶端之個人電腦（2)可透過網際網路連線至 該飼服主機（1)而運用該系統以完成個人化的編排作品該 系統包含有： 會員資料庫（10)，係儲存個人基本資料，該些個人基 本資料可包含但不限制為登錄帳號、登錄密碼、真實姓名、 筆名、通訊地址、就讀學校、就職單位、電子郵件地址等 夕項資訊，當使用者初次使用系統時係可填入該些個人基 本資料而註冊成為會員； 個人圖片資料庫（20) ’針對每一位成為會員之使用者 係提供一定容量之儲存空間（如1GB)，可供使用者任意存 放數位圖片以作為後續編排所用，數位圖片的來源可從個 人電腦（2)上傳至伺服主機（1) ’伺服主機（彳）可設定—容量r 5 201113829 限制條件以防止使用者所上傳之圖片過大，例如可限制每 張圖片不得超㊣2MB $ 3MB，在該個人圖片f料庫⑽ 使用者可自；fr增減相本以供分類存放_(如附件七所 示）； 操作介面群組（3〇)’係提供多種網頁式的操作介面環 境供使用者進行圖文編輯 '資料輸入、瀏覽等作業； 預設版型群組係針對多種作品類輯立各自的 預設版型’該作品類型可包含有畢業記念冊、學生推甄,申 ，手冊、旅遊回憶錄、個人化桌曆/月曆、個人寫真相薄等 多種’於每一種作品類型之下係再建立有多套預設版型， 每套預設版型可包含有封面、本文内胃、封底等複數獨立 頁面’各頁面上可設有背景底圖、預設圖冑、預設文 等； 控制運算模組（50)，係負責資料運算、操作介面顯示 控制等處理作業。 請參閱第二圖所示，為更進一步詳細介紹本發明之線 上編排系統，以下將以建立一推甄手冊為實例，配合各附 :逐步介紹。當使用者連線至飼服主機⑴後，以其個人會 貝帳號、密碼完成登人作業，成功登人之會員係允許進行 本身的個人資料管理及密碼管理；未具有會員資格者必須 進行會員註冊。 〜順利登入之後，會員可進行前置準備作業，例如照片 目理及版型庫管理。照片管理作㈣允許使用者進行個人 =薄管理、上傳照片至魏主機⑴、㈣照片裁切照 等，其中在上傳照片時，係允許會員從其個人電腦（2)蜷 201113829 執行多張圖片的批量上傳或單槽上傳。 請配合參考附件一所示，當會員已在主機（1)預先上傳 並儲存屬於自己的照片圖檔後，係可於一作品類型選擇介 面（301)中選擇產品類別’例如學生推甄手冊、畢業紀糸冊二 旅遊回憶錄、生活點滴紀念、個人沙龍寫真相薄、個人化 桌曆/月曆、個性化相本或兒童成長相片集等產品類別，當 選取完成後，系統係自動轉入下一操作介面。 均 如附件二所不，於選定產品類別之後，系統係提供— 預設版型瀏覽介面（302)，當中顯示多款預設版型供使用者 選擇。 如附件三所示，當選定其中一種預設版型之後，系統 即對應作品類型可進一步提供一基本資料輸入介面，例如 針對推甄手冊，該基本資料輸入介面可包含學生姓名、類 別'學校名稱、科系名稱、就讀學校、就讀班級等欄位，。 如附件四所示，完成基本資料輸入後即產生一編輯作 品，系統提供一作品編排介面（303)供使用者進行編輯作 業，在該作品編排介面（3〇3)中係包含有編排功能選項 (3〇4)、頁面編輯區域（305)、頁面選擇區域（3〇6)、文字輪 入攔位⑽）、圖片選擇區域（3〇8)等，其中編排功能選項 (304)可包含有刪除内頁、新增内頁、新增文字框、新增圖 框預覽頁面、編輯完成等功能；由於一件完整作品可能 匕a封面、封底、内頁之多張頁面，該頁面編輯區域⑽5) 、供使用者對封面、封底、内頁等獨立頁面進行編輯的操 作區域，封面、封底上可在預設的位置上顯示使用者先前 所填入的基本資料，即學生姓名、類別、學校名稱、科良 201113829 名稱、就讀學校、就 各頁面之預覽圖示， 輯區域（305)中直接顯示出該頁 是供使用者修改基本資料；圖片 °貝班級等，頁面選擇區域（306)係列出 可供使用者直接快速點選而在頁面編 面；文字輸入攔位（307)則 選擇區域（308)係顯示可供 加入至各頁面的圖片，該肽圖锉 ^ 固月即储存於個人圖片資料庫 (20)中。 請參考第三圖及附件五所示’當使用者選擇任一頁面 鲁加以編輯時’可利用編排功能選項（3〇4)中的新增文字框與 新增圖框兩種功能在頁面上建立所需的文字框、圖框 (31〇)，其中文字框（309)與圖框（310)的位置、範圍大小係 由使用者任意決定與增減，實現文字框（3〇9)與圖框（31〇) 的技術可採用Windows GDI AP丨完成，例如，在圖像中產 生文字，需要靠作業系統的低階函數（GD|)，經由"f〇nt"的 字形檔取得字型圖案，再計算出每一個文字在圖形上的座 標，合成出預期的影像。在文字框（3〇9)的編輯作業，包含 | 有刪除文字框、文字框屬性性定（例如字體、顏色、大小、 對齊方式及行距等）、輸入文字框内文、移動文字框、縮放 文字框等’其中要移動文字框時’可由滑鼠直接拖曳至指 定位置而動態取得文字框左上角相對於原點座標，要縮放 文字框時，亦是可由滑鼠拖而動態捕捉文字框之高度、寬 度參數；其中文字框屬性設定及輸入内文可在一文字框編 輯區（309a)完成，當使用者在文字框編輯區（3〇9a)的内文 輸入元畢’係根據其文字屬性而逐一計算文字應排列位置 並適當斷行，再取用伺服主機（1)的字型及使用者所設定的 文子屬性轉成一圖檔，並將該圖檔進行去背處理而成為一^ 8 201113829 去背圖樓’該去背圖樓係自動回貼至 貼主在頁面編輯區域（305) 的文字框（309)内部。 在圖框處理部分，包含 置入圖片等。每一圖 請參考第三圖及附件六所示， 有刪除圖框、移動圖框、縮放圖框 框(31〇>中可加入一張圖片’該圖片係儲存於個人圖片資料 庫㈣並呈現於該圖片選擇區_)中，當要置人圖片時，In view of the current arrangement of pictures, texts, etc. on the line, the layout configuration that can be completed is quite dull and the resolution cannot be automatically recognized. The main purpose of the present invention is to provide (four) image resolution and dynamic adjustment of the graphic block. The online® text layout system creates a graphic and textual integration with a personal style that ensures the image is clearly presented. In order to accomplish the above purposes, the above-mentioned online graphic layout system for judging image resolution and dynamically adjusting graphic blocks includes: a member database for storing personal basic data of each registered member; a personal picture database for each The user who is a member provides a storage space of a specified capacity for the user to store a digital image, wherein the personal image database contains at least one phase; the eight operation interface group provides a plurality of web-based operation interfaces for use. Perform graphic editing, data input, browsing, etc.; preset version group, each set up a preset version for multiple types of works, each set of presets contains multiple independent pages; Processing module and other processing operations; operation interface display control, wherein the web-based operation interface enables at least a face, the area called riv has a work layout, the work layout interface includes a plurality of layout function options, a page edit, a page selection area , a picture of the film selection & field, the page editing area. 201113829 domain in the field The function of adding text box and frame, which is established by Windows GD丨AP丨 and its position and size: Wang and frame system computing module can be adjusted according to the length and width of the frame. The pixel value of the picture that you want to add to the picture frame determines that the resolution of the picture is a minimum limit. If it is lower than the minimum limit, a prompt is displayed. Therefore, when performing the orchestration operation by using the system, each individual page can arbitrarily add or delete a text box and a frame, and the size and position thereof can be arbitrarily adjusted to improve the flexibility of the layout arrangement, and edit each In the frame, the system automatically calculates whether the image in the frame meets the requirements according to the area of the frame, and ensures that the created work has good output quality. [Embodiment] Please refer to the figure-picture, the invention can determine the image resolution and dynamically adjust the graphic block. The online graphic layout system is constructed in a servo host (1), and the personal computer from different users (2) The system can be used to complete the personalized arrangement through the Internet connection to the feeding host (1). The system includes: a member database (10) for storing personal basic information, such personal basic information. It may include, but is not limited to, login account, login password, real name, pen name, mailing address, school, employment unit, email address, etc., when the user first uses the system, they can fill in the personal basic information. Registered as a member; Personal Picture Library (20) 'Provides a certain amount of storage space (such as 1GB) for each user who becomes a member, allowing users to store digital images for subsequent arrangement, digital pictures The source can be uploaded from the personal computer (2) to the servo host (1) 'Servo host (彳) can be set - capacity r 5 201113829 Restrictions In order to prevent the user from uploading too large a picture, for example, each picture may not be limited to 2MB $ 3MB. In the personal picture f library (10), the user can self-add; fr increase or decrease the phase for storage (for example, Annex VII The operating interface group (3〇) provides a variety of web-based interface environments for users to edit texts, such as data entry and browsing. The preset version groups are set up for each of a variety of works. The default version of the work's work can include graduation essays, student referrals, applications, brochures, travel memoirs, personalized calendars/monthly calendars, personal photobooks, etc. There are a number of preset versions, each set of presets can include a plurality of independent pages such as a cover, a stomach in the article, and a back cover. 'The background map, preset map, preset text, etc. can be provided on each page; The control arithmetic module (50) is responsible for processing operations such as data calculation and operation interface display control. Please refer to the second figure for further details on the on-line programming system of the present invention. The following is an example of establishing a hand-picked manual, with the following: a step-by-step introduction. After the user connects to the feeding service host (1), the personal meeting account and password are used to complete the loading operation. The successful member is allowed to manage their own personal data and password management; those who do not have membership must be members. registered. ~ After successful login, members can perform pre-preparation operations, such as photo management and layout management. Photo management (4) allows users to perform personal = thin management, upload photos to Wei host (1), (4) photo cropping photos, etc., when uploading photos, allows members to perform multiple images from their personal computer (2) 蜷 201113829 Batch upload or single slot upload. Please refer to Appendix I. After the member has pre-uploaded and stored his own photo files on the host (1), he can select the product category in a work type selection interface (301), for example, the student recommendation manual. Graduation Records 2 Travel Memoirs, Life Memories Commemorative, Personal Salon Photobooks, Personalized Desk Calendar/Monthly Calendar, Personalized Photo Album or Child Growth Photo Gallery, etc. When the selection is completed, the system automatically transfers to the next operation. interface. As shown in Annex 2, after the selected product category, the system provides a preset version of the browsing interface (302), which displays a variety of preset versions for users to choose. As shown in Annex III, after selecting one of the preset layouts, the system corresponding to the type of the work may further provide a basic data input interface, for example, for the push manual, the basic data input interface may include the student name, category 'school name , the name of the department, the school, the class, etc. As shown in Annex IV, an edited work is produced after the completion of the basic data input. The system provides a work layout interface (303) for the user to perform the editing work. The programming interface (3〇3) contains the programming function option. (3〇4), page editing area (305), page selection area (3〇6), text rounding block (10), picture selection area (3〇8), etc., wherein the programming function option (304) may include Delete internal pages, add inner pages, add new text boxes, add new frame preview pages, edit completion, etc.; because a complete work may be a cover, back cover, multiple pages of the inner page, the page editing area (10) 5 ), for the user to edit the cover page, the back cover, the inner page and other independent pages, the cover, the back cover can display the basic information previously filled in by the user at the preset position, that is, the student's name, category, school Name, Keliang 201113829 name, school, preview icon for each page, the area (305) directly shows that the page is for users to modify the basic information; picture °bei class, etc., page selection The field (306) series is available for the user to quickly and quickly click on the page layout; the text input block (307) selects the area (308) to display a picture that can be added to each page, the peptide map 锉 ^ solid The month is stored in the personal photo database (20). Please refer to the third figure and the attachment five. When the user selects any page to edit, the new text box and the new frame in the layout function option (3〇4) can be used on the page. Create the required text box and frame (31〇), where the position and range of the text box (309) and the frame (310) are arbitrarily determined, increased or decreased by the user, and the text box (3〇9) is implemented. The technique of the frame (31〇) can be done with the Windows GDI AP. For example, to generate text in the image, the lower-order function (GD|) of the operating system is required to obtain the word via the font file of "f〇nt" The pattern, then calculate the coordinates of each text on the graph to synthesize the expected image. In the text box (3〇9) editing job, including | delete text box, text box property (such as font, color, size, alignment and line spacing, etc.), input text box text, move text box, zoom Text box, etc. 'When you want to move the text box', you can drag the mouse directly to the specified position and dynamically obtain the upper left corner of the text box relative to the origin coordinates. When you want to zoom the text box, you can also drag the text box dynamically by the mouse. The height and width parameters; wherein the text box attribute setting and the input text can be completed in a text box editing area (309a), when the user inputs the element in the text box editing area (3〇9a) according to the text attribute thereof The characters should be arranged one by one and arranged in a proper line, and then the font of the servo host (1) and the text attribute set by the user are converted into a picture file, and the picture file is processed back to become a ^ 8 201113829 Go to the back floor of the building. The floor plan is automatically posted back to the text box (309) in the page editing area (305). In the frame processing section, include placing a picture, and so on. For each figure, please refer to the third figure and the attachment figure. There are delete frame, moving frame and zoom frame (31〇> can add a picture]. The picture is stored in the personal picture database (4) and presented. In the picture selection area _), when the picture is to be placed,
係偵測滑鼠的按壓及拖矣事件，將位在該圖片選擇區(3〇8) 的照片以拖良的方^置人圖框（31())。當圖片加入至圖框 (310)時’系統係根據置入圖片的寬高比例，自動動態調整 圖框(310)的寬高比例’使其與置入圖片之寬高比例一致。 當圖片置入圖框後或者有縮放圖框，系統亦自動計算 該圖片於頁面上的解析度（dpj, d〇t per丨nch)是否高於最低 限制，解析度是指一英吋内的點《，點數越密集表示圖片 畫質越細緻，舉例而言，僅在螢幕上顯示的圖片只要72 dpi 即可，一般於Web上使用的圖片為92dp丨即可，若是要 作為海報或其他高品質的印刷品則需設成3〇〇 dpj以上， 因此根據圖框（310)的長、寬值，以及欲加入到圖框（31〇) 之圖片的像素值，計算出該圖片之解析度是否符合輸出品 質的要求’若經過計算判斷為圖片解析度低於最低限制， 即在該圖框（310)上顯示一提示標誌，提醒使用者應重新對 該圖片進行調整。 如附件七所示，本發明之個人圖片資料庫（20)中係允 許使用者自行新增或刪除相本（311)，以分類存放不同數位 圖檔，當點選開啟任一相本（3彳彳）之後’如附件八所示，係 以縮圖形式呈現該相本（31 ”中的全部圖片，每一圖片可紙 201113829 使用者任意編輯’以附件八中所顯示的原始圖片（312旬為 例說明，可點選該原始圖片（312a)下方的編輯鍵而開啟如 附件九所示的圖片編修介面（31 3)，利用框選的方式裁切出 所需的範圍，完成裁切及存檔後將自動產生一新的圖片， 即為附件八中所顯示的修改後圖片（312b)，此種自動另存 圖檔的作法可確保原始圖片（312a)能被重複編輯且不致因 操作失誤而被破壞。 • 冑回到第二圖所示’當使用者對各個頁面均編輯完成 後’本發明係可進一步提供一印刷取件機^，該印刷取件 機制包含下訂作業、線上校稿、輸人訂購資料、確認訂單、 收款埃認、合成輸出及裝訂出貨等流程。當使用者完成個 人化的編排作品後，系統係提供一線上訂單供使用者填入 印刷相關資料，例如印製本數、裝訂方式、交件資料等, 該個人化編排作品將以電子檔形式傳遞至一印刷業者執〜 實體印刷業作，印刷完成品可依據使用者所填之資料= % 一物流業者而寄送至使用者所在之地址。 【圖式簡單說明】 第一圖：係本發明之系統架構圖。 第二圖：係本發明之作業流程圖。 第三圖：係本發明於編輯頁面之細部作業流程圖 附件一：係本發明之—作品類型選擇介面網頁。 附件二：係本發明之—預設版型選擇介面網頁。 附件三：係本發明之—基本資料輸入介面網頁 附件四：係本發明之-作品編排介面網頁。 附件五 係本發明於作品編排介面網胃新増一文 字框Γ 201113829 及一圖框。 附件六：係本發明於圖框中加入—指定圖案。 附件七：係本發明個人圖令資料庫建立複數相本之網 頁。 附件八：係本發明一個人相本所包含之圖片。 附件九：係本發明編輯個人圖片之編輯介面。It detects the mouse's pressing and dragging events, and sets the photo in the picture selection area (3〇8) to the picture frame (31()). When the picture is added to the frame (310), the system automatically adjusts the aspect ratio of the frame (310) to match the aspect ratio of the placed picture according to the aspect ratio of the placed picture. When the image is placed in the frame or there is a zoom frame, the system also automatically calculates whether the resolution of the image on the page (dpj, d〇t per丨nch) is higher than the minimum limit, and the resolution refers to within one inch. Click "The more dense the dots, the more detailed the picture quality. For example, only the image displayed on the screen can be as long as 72 dpi. Generally, the image used on the Web is 92dp, if it is to be used as a poster or other. High-quality prints need to be set to 3〇〇dpj or higher, so the resolution of the image is calculated according to the length and width of the frame (310) and the pixel values of the image to be added to the frame (31〇). Whether it meets the requirements of the output quality. If it is judged by the calculation that the picture resolution is lower than the minimum limit, a prompt flag is displayed on the frame (310) to remind the user to re-adjust the picture. As shown in Annex VII, the personal picture database (20) of the present invention allows the user to add or delete the phase book (311), to store different digital image files, and to open any phase book (3彳彳). After that, as shown in Annex VIII, all the pictures in the phase book (31) are presented in thumbnail form, and each picture can be edited by the user 201113829. The original picture shown in Annex VIII is taken as an example. Note, you can click the edit button below the original picture (312a) to open the picture editing interface (31 3) as shown in Appendix IX, use the frame selection method to cut out the required range, after cutting and archiving A new picture will be automatically generated, which is the modified picture (312b) shown in Annex 8. This automatic save file ensures that the original picture (312a) can be edited repeatedly without being corrupted due to operational errors. • 胄 Go back to the second figure, 'When the user edits each page,' the invention can further provide a printing and taking machine ^, the printing and picking mechanism includes the ordering operation, online proofing, and losing people Process of purchasing materials, confirming orders, receiving receipts, synthesizing output, and binding shipments. When the user completes the personalized arrangement, the system provides an online order for the user to fill in printing related materials, such as printing The number, binding method, delivery information, etc., the personalized arrangement will be transmitted to a printing industry to the physical printing industry in the form of electronic files. The printed products can be sent according to the information filled by the user = %. Send to the address where the user is located. [Simplified description of the drawings] The first figure is the system architecture diagram of the present invention. The second diagram is the operation flow chart of the present invention. The third figure is the detail of the editing page of the present invention. Attachment 1 of the operation flow chart is the work type selection interface webpage of the present invention. Attachment 2: The preset type selection interface webpage of the present invention. Annex 3: The basic data input interface of the present invention is attached to the website: The present invention is a layout interface webpage. The fifth section of the present invention is a text box of the new website of the work layout interface 138201113829 and a frame. Annex 6: The invention adds a designation pattern in the frame. Annex VII: The webpage of the personal graphic database of the present invention establishes a plurality of pages. Annex 8: is a picture included in the present invention. Annex IX: Editing a personal picture of the present invention Edit interface.
【主要元件符號說明】 (2)個人電腦 (20)個人圖片資料庫 (40)預設版型群組 (1)伺服主機 (1 〇)會員資料庫 (30)操作介面群組 (50)控制運算模組 (301)作品類型選擇介面 （302)預設版型瀏覽介面 (303)作品編排介面 （304)編排功能選項 (305)頁面編輯區域 （306)頁面選擇區域 (307)文字輸入攔位 （308)圖片選擇區域 (309) 文字框 （309a)文字框編輯區 (310) 圖框 （311)相本 (312a)原始圖片 （312b)修改後圖片 (313)圖片編修介面[Main component symbol description] (2) Personal computer (20) Personal picture database (40) Preset version group (1) Servo host (1 〇) member database (30) operation interface group (50) control Operation module (301) work type selection interface (302) preset version browsing interface (303) work arrangement interface (304) arrangement function option (305) page editing area (306) page selection area (307) text input block (308) Picture selection area (309) Text box (309a) Text box editing area (310) Frame (311) Phase (312a) Original picture (312b) Modified picture (313) Picture editing interface