[發(fā)明專利]Canvas代碼生成方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201710504347.3
• 申請(qǐng)日: 2017-06-27
• 公開(kāi)（公告）號(hào): CN107291476B
• 公開(kāi)（公告）日: 2020-12-08
• 發(fā)明（設(shè)計(jì)）人: 謝楊玲
• 申請(qǐng)（專利權(quán)）人: 北京微影時(shí)代科技有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/41
• 代理公司: 北京市廣友專利事務(wù)所有限責(zé)任公司 11237
• 代理人: 祁獻(xiàn)民

1.一種畫布Canvas代碼生成方法，其特征在于，包括：

獲取用于生成代碼的可縮放矢量圖形SVG文件；

基于所述SVG文件中各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息，生成包含所述各元素及所述各元素層級(jí)關(guān)系的JSON格式的中間數(shù)據(jù)；

按照所述各元素層級(jí)關(guān)系中從外到內(nèi)及從前到后的順序，遍歷所述中間數(shù)據(jù)，確定與每個(gè)元素的屬性信息對(duì)應(yīng)的Canvas代碼單元；

將確定的Canvas代碼單元，按照順序進(jìn)行組合，得到所述SVG文件對(duì)應(yīng)的Canvas代碼；

基于所述SVG文件中各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息，生成包含所述各元素及所述各元素層級(jí)關(guān)系的JSON格式的中間數(shù)據(jù)，包括：

基于所述SVG文件中各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息，生成與所述各元素分別一一對(duì)應(yīng)的詞法單元，所述詞法單元包括對(duì)應(yīng)元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息；

按照從前到后的順序遍歷各詞法單元，并根據(jù)詞法單元中的標(biāo)簽類型為開(kāi)始類型或結(jié)束類型，確定先后相鄰兩個(gè)詞法單元之間的層級(jí)關(guān)系，得到包含所述各元素及所述各元素層級(jí)關(guān)系的JSON格式的中間數(shù)據(jù)。

2.如權(quán)利要求1所述的方法，其特征在于，基于所述SVG文件中各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息，生成與所述各元素分別一一對(duì)應(yīng)的詞法單元，包括：

按照已知的SVG文件結(jié)構(gòu)，對(duì)所述SVG文件進(jìn)行文本分割，得到所述SVG文件中各元素所包括的文本內(nèi)容；

采用文本匹配技術(shù)，分別從所述各元素包括的文本內(nèi)容中，解析出所述各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息；

針對(duì)所述各元素中的每個(gè)元素，生成與該元素對(duì)應(yīng)的包括該元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息的詞法單元。

3.如權(quán)利要求1所述的方法，其特征在于，在確定與每個(gè)元素的屬性信息對(duì)應(yīng)的Canvas代碼單元之后，還包括：

將確定的與每個(gè)元素的屬性信息對(duì)應(yīng)的Canvas代碼單元保存在數(shù)組中；

將確定的Canvas代碼單元，按照順序進(jìn)行組合，得到所述SVG文件對(duì)應(yīng)的Canvas代碼，包括：

從所述數(shù)組中獲得與每個(gè)元素的屬性信息對(duì)應(yīng)的Canvas代碼單元；

將獲得的與每個(gè)元素的屬性信息對(duì)應(yīng)的Canvas代碼單元，按照順序進(jìn)行組合并拼接為一個(gè)字符串，以及將所述字符串寫入到文本，得到所述SVG文件對(duì)應(yīng)的Canvas代碼。

4.一種畫布Canvas代碼生成裝置，其特征在于，包括：

文件獲取模塊，用于獲取用于生成代碼的可縮放矢量圖形SVG文件；

中間數(shù)據(jù)生成模塊，用于基于所述SVG文件中各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息，生成包含所述各元素及所述各元素層級(jí)關(guān)系的JSON格式的中間數(shù)據(jù)；

代碼單元匹配模塊，用于按照所述各元素層級(jí)關(guān)系中從外到內(nèi)及從前到后的順序，遍歷所述中間數(shù)據(jù)，確定與每個(gè)元素的屬性信息對(duì)應(yīng)的Canvas代碼單元；

代碼生成模塊，用于將確定的Canvas代碼單元，按照順序進(jìn)行組合，得到所述SVG文件對(duì)應(yīng)的Canvas代碼；

所述中間數(shù)據(jù)生成模塊，具體用于基于所述SVG文件中各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息，生成與所述各元素分別一一對(duì)應(yīng)的詞法單元，所述詞法單元包括對(duì)應(yīng)元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息；以及按照從前到后的順序遍歷各詞法單元，并根據(jù)詞法單元中的標(biāo)簽類型為開(kāi)始類型或結(jié)束類型，確定先后相鄰兩個(gè)詞法單元之間的層級(jí)關(guān)系，得到包含所述各元素及所述各元素層級(jí)關(guān)系的JSON格式的中間數(shù)據(jù)。

5.如權(quán)利要求4所述的裝置，其特征在于，所述中間數(shù)據(jù)生成模塊，具體用于按照已知的SVG文件結(jié)構(gòu)，對(duì)所述SVG文件進(jìn)行文本分割，得到所述SVG文件中各元素所包括的文本內(nèi)容；并采用文本匹配技術(shù)，分別從所述各元素包括的文本內(nèi)容中，解析出所述各元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息；以及針對(duì)所述各元素中的每個(gè)元素，生成與該元素對(duì)應(yīng)的包括該元素的標(biāo)簽名稱、標(biāo)簽類型和屬性信息的詞法單元。