圖形生成方法及裝置的制造方法【
技術(shù)領(lǐng)域:
】[0001]本發(fā)明涉及瀏覽器技術(shù),尤其涉及一種針對郵票邊緣這種樣式的圖形生成方法及>J-Uρ?α裝直。【
背景技術(shù):
】[0002]針對郵票這種特殊用途的圖形,因其邊緣樣式的固定性和特殊性,目前制作郵票時通常會使用PNG(PortableNetworkGraphic,可移植的網(wǎng)絡(luò)圖象文件格式)、JPG(JointPictureGroup,一種圖像壓縮格式)、GIF(GraphicsInterchangeFormat,圖形交換格式)等格式的鋸齒形圖形作為背景;由于不確定郵票中內(nèi)容圖形的大小,因此分別在上下左右四個方向利用4張鋸齒形的圖形作為郵票的背景圖形。這種處理方式中,郵票背景圖形自身存在較大的文件體積,且上述郵票背景圖形由4張鋸齒形圖形組成而不是完整的一張圖形,因此根據(jù)上述背景圖形制作郵票圖形的過程中,需要同時對4張圖形進行處理,操作繁瑣,浪費系統(tǒng)處理資源?!?br/>發(fā)明內(nèi)容】[0003]鑒于以上內(nèi)容,有必要提供一種針對郵票邊緣樣式的圖形生成方法及裝置,旨在生成一張文件體積小的郵票邊緣樣式圖形。[0004]本發(fā)明實施例公開了一種圖形生成方法,包括以下步驟:[0005]監(jiān)控到用戶基于瀏覽器觸發(fā)的生成郵票邊緣樣式圖形的操作事件,調(diào)用瀏覽器層疊樣式表中的徑向漸變樣式圖;[0006]將所述徑向漸變樣式圖對應(yīng)的初始顏色值設(shè)置為相同顏色值,得到顏色值相同的均勻圓形樣式圖;[0007]根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形。[0008]本發(fā)明實施例還公開了一種圖形生成裝置,包括:[0009]監(jiān)控模塊,用于監(jiān)控到用戶基于瀏覽器觸發(fā)的生成郵票邊緣樣式圖形的操作事件,調(diào)用瀏覽器層疊樣式表中的徑向漸變樣式圖;[0010]設(shè)置模塊,用于將所述徑向漸變樣式圖對應(yīng)的初始顏色值設(shè)置為相同顏色值,得到顏色值相同的均勻圓形樣式圖;[0011]生成模塊,用于根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形。[0012]本發(fā)明實施例監(jiān)控到用戶基于瀏覽器觸發(fā)的生成郵票邊緣樣式圖形的操作事件,調(diào)用瀏覽器層疊樣式表中的徑向漸變樣式圖;將所述徑向漸變樣式圖對應(yīng)的初始顏色值設(shè)置為相同顏色值,得到顏色值相同的均勻圓形樣式圖;根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形;相較于現(xiàn)有技術(shù)中作為郵票邊框的背景圖形體積大且制作郵票時需使用4張背景圖形拼合,本發(fā)明實施例生成的郵票邊緣格式的圖形為層疊樣式表生成的矢量圖,替代了傳統(tǒng)的位圖文件作為背景且數(shù)據(jù)處理簡單、快速,節(jié)約了系統(tǒng)處理資源,提高了數(shù)據(jù)處理效率,同時該圖形占用的體積也比較小?!靖綀D說明】[0013]圖1是本發(fā)明圖形生成方法第一實施例流程示意圖;[0014]圖2a是本發(fā)明圖形生成方法中層疊樣式表中的徑向漸變樣式圖;[0015]圖2b是本發(fā)明圖形生成方法中由徑向漸變樣式圖修改顏色值后得到的均勻樣式圖;[0016]圖2c是本發(fā)明圖形生成方法中郵票邊緣樣式的鋸齒圖形;[0017]圖3是本發(fā)明圖形生成方法中通過調(diào)整均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形一實施例流程示意圖;[0018]圖4是本發(fā)明圖形生成方法中水平方向上的郵票邊緣樣式圖;[0019]圖5是本發(fā)明圖形生成方法中郵票邊緣樣式單元一實施例樣式示例圖;[0020]圖6是本發(fā)明圖形生成方法第二實施例流程示意圖;[0021]圖7是本發(fā)明圖形生成方法中郵票圖形一實施例樣式示例圖;[0022]圖8是本發(fā)明圖形生成方法第三實施例流程示意圖;[0023]圖9是本發(fā)明圖形生成方法中其他樣式鋸齒圖形示例圖;[0024]圖10是本發(fā)明圖形生成裝置第一實施例功能模塊示意圖;[0025]圖11是本發(fā)明圖形生成裝置中生成模塊一實施例功能模塊示意圖;[0026]圖12是本發(fā)明圖形生成裝置第二實施例功能模塊示意圖;[0027]圖13是本發(fā)明圖形生成裝置第三實施例功能模塊示意圖;[0028]圖14是本發(fā)明圖形生成裝置一實施例硬件結(jié)構(gòu)示意圖。[0029]本發(fā)明實施例目的的實現(xiàn)、功能特點及優(yōu)點將結(jié)合實施例,參照附圖做進一步說明?!揪唧w實施方式】[0030]以下結(jié)合說明書附圖及具體實施例進一步說明本發(fā)明的技術(shù)方案。應(yīng)當理解,此處所描述的具體實施例僅僅用以解釋本發(fā)明,并不用于限定本發(fā)明。[0031]本發(fā)明實施例提供一種圖形生成方法第一實施例;如圖1所示,本發(fā)明圖形生成方法包括以下步驟:[0032]步驟SO1、監(jiān)控到用戶基于瀏覽器觸發(fā)的生成郵票邊緣樣式圖形的操作事件,調(diào)用瀏覽器層疊樣式表中的徑向漸變樣式圖;[0033]本實施例圖形生成方法中瀏覽器渲染web(網(wǎng)絡(luò))頁面中的HTML(HypertextMarkupLanguage,超文本標記語言)結(jié)構(gòu)和層疊樣式表,生成郵票邊框圖形。瀏覽器實時監(jiān)控是否接收到用戶觸發(fā)的生成郵票邊緣樣式圖形的操作事件,若監(jiān)控到用戶觸發(fā)的生成郵票邊緣樣式圖形的操作事件時,瀏覽器執(zhí)行用戶觸發(fā)的上述生成郵票邊緣樣式圖形的操作事件,調(diào)用瀏覽器層疊樣式表比如CSS3(CascadingStyleSheets,層疊樣式表)。由于瀏覽器的層疊樣式表提供了最基本的徑向漸變樣式,因此可以利用瀏覽器的層疊樣式表中的徑向漸變樣式圖來生成具有郵票邊緣樣式的圖形,瀏覽器調(diào)用的層疊樣式表中的徑向漸變樣式圖如圖2a所示。[0034]步驟S02、將所述徑向漸變樣式圖對應(yīng)的初始顏色值設(shè)置為相同顏色值,得到顏色值相同的均勻圓形樣式圖;[0035]由于瀏覽器的層疊樣式表中提供的最基本的徑向漸變樣式圖中,該徑向漸變樣式圖的顏色是漸變的,因此該徑向漸變樣式圖中對應(yīng)的顏色值肯定也是不同的,為了得到均勻的實心圓形樣式圖,將上述徑向漸變樣式圖中的顏色值統(tǒng)一設(shè)置為相同的顏色值,得到同一圖形中顏色均勻的均勻圓形樣式圖,由圖2a的徑向漸變樣式圖得到的顏色值相同的均勻圓形樣式圖如圖2b所示。[0036]步驟S03、根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形。[0037]瀏覽器根據(jù)預(yù)先設(shè)置的參數(shù)值,設(shè)置步驟S02中生成的均勻圓形樣式圖,并對應(yīng)調(diào)整該均勻圓形樣式圖對應(yīng)的屬性參數(shù);本實施例中,所述預(yù)設(shè)參數(shù)值是根據(jù)郵票邊緣樣式對應(yīng)的圖形的參數(shù)值預(yù)先設(shè)置的;比如,設(shè)置該均勻圓形樣式圖在豎直方向或者水平方向上的偏移值、設(shè)置該均勻圓形樣式圖中圓形對應(yīng)的顏色值以及圓形背景對應(yīng)的顏色值等;對上述均勻圓形樣式圖的屬性參數(shù)調(diào)整完成后,以調(diào)整完成后的均勻圓形樣式圖作為組成該郵票邊緣樣式的圖形的最小組成單元,生成具備郵票邊緣樣式的鋸齒圖形如圖2c所示。[0038]進一步地,本實施例中瀏覽器生成的上述郵票邊緣樣式的鋸齒圖形為矢量圖;由于該鋸齒圖形僅僅為組成郵票的一個邊框,因此,該邊框?qū)⒏鶕?jù)組成郵票的內(nèi)容圖形的大小來適應(yīng)性地調(diào)整上述鋸齒圖形,而矢量圖將不會隨著郵票內(nèi)容圖形的大小進行縮放而影響該鋸齒圖形自身的清晰度。[0039]另外,本實施例對所述圖形生成方法的上述步驟SO1、S02和S03的執(zhí)行順序不做限定,也就是說上述步驟S01、S02和S03的執(zhí)行可以不分先后順序來執(zhí)行,本實施例強調(diào)的是所述圖形生成方法中步驟SO1、S02和S03執(zhí)行過程的組合效果。[0040]本發(fā)明實施例監(jiān)控到用戶基于瀏覽器觸發(fā)的生成郵票邊緣樣式圖形的操作事件,調(diào)用瀏覽器層疊樣式表中的徑向漸變樣式圖;將所述徑向漸變樣式圖對應(yīng)的初始顏色值設(shè)置為相同顏色值,得到顏色值相同的均勻圓形樣式圖;根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形;相較于現(xiàn)有技術(shù)中作為郵票邊框的背景圖形體積大且制作郵票時需使用4張背景圖形拼合,本發(fā)明實施例生成的郵票邊緣格式的圖形為層疊樣式表生成的矢量圖,替代了傳統(tǒng)的位圖文件作為背景且數(shù)據(jù)處理簡單、快速,節(jié)約了系統(tǒng)處理資源,提高了數(shù)據(jù)處理效率,同時該圖形占用的體積也比較小。[0041]本發(fā)明實施例還提供了一種通過調(diào)整均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形一實施例。[0042]基于圖1所述實施例,如圖3所示,本發(fā)明圖形生成方法中,圖1所述實施例中步驟S03、根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),生成郵票邊緣樣式的鋸齒圖形,包括:[0043]步驟S11、根據(jù)預(yù)設(shè)參數(shù)值,調(diào)整所述均勻圓形樣式圖對應(yīng)的屬性參數(shù),得到第一方向?qū)?yīng)的郵票邊緣樣式圖;[0044]瀏覽器根據(jù)預(yù)先設(shè)置的參數(shù)值,調(diào)整如圖2b所示的均勻圓形樣式圖所對應(yīng)的圖形屬性參數(shù),根據(jù)調(diào)整后的圖形屬性參數(shù),首先生成其中一個方向上對應(yīng)的郵票邊緣樣式圖;按照組成郵票圖形的邊框?qū)?yīng)的平面圖來劃分,可以將郵票邊緣樣式的鋸齒圖形分為上下左右四個方向所分別對應(yīng)的四個部分。比如根據(jù)用戶的操作習(xí)慣,瀏覽器首先生成水平方向?qū)?yīng)的郵票邊緣樣式圖,該水平方向?qū)?yīng)的郵票邊緣樣式圖如圖4所示。[0045當前第1頁1 2 3 4