[發(fā)明專利]快速解析PSD文件為網(wǎng)頁(yè)的方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201810853180.6
• 申請(qǐng)日: 2018-07-30
• 公開(kāi)（公告）號(hào): CN109829127A
• 公開(kāi)（公告）日: 2019-05-31
• 發(fā)明（設(shè)計(jì)）人: 李晟;楊高強(qiáng);張新鵬;祝林林
• 申請(qǐng)（專利權(quán)）人: 上海大學(xué)
• 主分類號(hào): G06F16/958
• 分類號(hào): G06F16/958
• 代理公司: 上海上大專利事務(wù)所(普通合伙) 31205
• 代理人: 陸聰明

本發(fā)明提出了一種快速解析PSD文件為網(wǎng)頁(yè)的方法。本方法是：本方案主要分為PSD源文件的解析和解析后圖層恢復(fù)兩個(gè)部分。對(duì)于PSD源文件的解析，本方案是用JavaScript擴(kuò)展語(yǔ)言進(jìn)行開(kāi)發(fā)。根據(jù)PSD文件中圖層的分類：第一，解析PSD源文件的文本圖層，我們需要獲得該文本圖層的圖層ID、文本內(nèi)容、文本框位置、字體大小、字體顏色、字體類型等信息。然后將上面獲得的信息封裝為JSON格式，最后寫(xiě)入到一個(gè).TXT文件中。第二，解析PSD源文件的普通圖層，我們采用的是分層導(dǎo)出的方法。將所有普通的圖層導(dǎo)出為PNG格式的圖片，另外我們通過(guò)上面的方法獲得普通圖層的圖層ID以及位置信息。對(duì)于圖層的恢復(fù)部分：我們開(kāi)發(fā)了一個(gè)后臺(tái)處理平臺(tái)，用于處理解析到的信息。在使用時(shí)，用戶只需要將上面獲得的文本信息和PNG圖片分別提交給后臺(tái)就可以恢復(fù)原來(lái)的圖片。本發(fā)明提出的方案可以更高效的將PSD文件轉(zhuǎn)化為網(wǎng)頁(yè)格式，避免了繁雜的人工切圖過(guò)程。

技術(shù)領(lǐng)域

本發(fā)明涉及的是快速解析PSD(一種圖片存儲(chǔ)格式)文件為網(wǎng)頁(yè)的方法，它是利用圖像處理和計(jì)算機(jī)編程語(yǔ)言解析PSD文件為網(wǎng)頁(yè)，為了快速便捷的解析PSD文件，而提出的一種高效解析方案。

背景技術(shù)

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，我國(guó)網(wǎng)絡(luò)購(gòu)物的用戶規(guī)模不斷上升。近年來(lái)，隨著各大電商平臺(tái)的強(qiáng)勢(shì)發(fā)展，更是有取代線下實(shí)體店的趨勢(shì)。而隨著線上平臺(tái)的競(jìng)爭(zhēng)不斷增大，賣家如何將自己的商品更好的展現(xiàn)給用戶就顯得至關(guān)重要，我們都知道線上銷售不可能像實(shí)體店那樣直接進(jìn)行實(shí)物展示，賣家只能通過(guò)網(wǎng)頁(yè)的形式讓客戶去了解商品。目前大多數(shù)店鋪的網(wǎng)頁(yè)都是根據(jù)客戶需求由美工設(shè)計(jì)好模板，再進(jìn)行切圖，最后把切好的圖片提供給技術(shù)人員重組到網(wǎng)頁(yè)上去。這種模式使得網(wǎng)頁(yè)的可移植性變差，用戶如果想要更改就必須依賴美工重新進(jìn)行設(shè)計(jì)，對(duì)美工的依賴性很大。設(shè)想這樣一種情景：某一個(gè)店鋪新進(jìn)了一批商品，那么對(duì)于這些商品的展示是急需的，但是店家只能去找美工定制自己的介紹頁(yè)面。美工再將設(shè)計(jì)好的頁(yè)面提供給技術(shù)人員轉(zhuǎn)換成網(wǎng)頁(yè)的形式。最后，店鋪才能使用到。這個(gè)過(guò)程是繁瑣的，而且店鋪的成本花銷也在無(wú)形中增加了。

目前美工設(shè)計(jì)好商品介紹模板之后主要通過(guò)圖1所示的流程轉(zhuǎn)換為網(wǎng)頁(yè)格式，這種流程存在的弊端是，在切圖部分現(xiàn)在能做到的是通過(guò)PhotoShop(一種圖片處理軟件)提供的切圖工具進(jìn)行切圖，然后保存為網(wǎng)頁(yè)提供給開(kāi)發(fā)人員使用。然后技術(shù)人員在使用美工提供的切圖的時(shí)候還需要考慮美工的設(shè)計(jì)思路，對(duì)圖片進(jìn)行恢復(fù)。這樣做的結(jié)果是美工做了大量的技術(shù)人員的工作，而技術(shù)人員又做了美工的工作。這就導(dǎo)致整個(gè)過(guò)程效率低下。

發(fā)明內(nèi)容

本發(fā)明的目的在于針對(duì)已有技術(shù)存在的不足，提供一種快速解析PSD文件為網(wǎng)頁(yè)的方法，本方法能夠快速解析PSD文件，并重構(gòu)為網(wǎng)頁(yè)形式。

為了實(shí)現(xiàn)以上目的，本發(fā)明的構(gòu)想是：

首先整個(gè)系統(tǒng)分為兩個(gè)主要部分，第一部分是解析PSD文件，用來(lái)獲得PSD圖層的信息，包括文本信息以及導(dǎo)出PNG(一種圖片格式)圖片。第二部分是后臺(tái)處理以及展示，該部分主要用于處理第一部分獲得的文本信息和PNG圖片，將圖片按照原來(lái)的順序及格式重新拼接，最后獲得網(wǎng)頁(yè)的格式，并展示在我們的模板網(wǎng)站上。用戶可以根據(jù)自己的需求選擇要使用的模板，另外還可以在線對(duì)模板進(jìn)行編輯，包括更改它的文字內(nèi)容或圖片。

根據(jù)上述發(fā)明構(gòu)想，本發(fā)明采用下述技術(shù)方案：

1.一種快速解析PSD文件為網(wǎng)頁(yè)的方法，其特征在于操作步驟如下：

1)PSD文件快速解析；

2)將解析文件重建為網(wǎng)頁(yè)。

2.所述步驟1)PSD文件快速解析的方法為：

1-1)對(duì)PSD文件進(jìn)行柵格化操作，并遍歷PSD文件；

1-2)將PSD文件的所有圖層按類型進(jìn)行分類，包括：圖層組，文本圖層和普通圖層；