浙江茶葉包裝設(shè)計_銀川包裝設(shè)計公司分享浙江茶葉包裝設(shè)計文章

時間 - 2023年04月20日

包裝保重除了保護商品，方便流通的基本功能外，通過造型獨特的色彩、圖形、文字以及編排，清晰內(nèi)容賣點，增強在市場的競爭力，好的“浙江茶葉包裝設(shè)計”能幫助企業(yè)提供高品牌知名度、增加商品的復購率。浙江茶葉包裝設(shè)計是打造品牌的重要工具。

注：本文“浙江茶葉包裝設(shè)計”配圖同道包裝設(shè)計公司作品

浙江茶葉包裝設(shè)計文章內(nèi)容

在本系列的前一篇文章中，我們提到了SVG對舊瀏覽器的缺陷，并使用Raphael.js作為替代解決方案來提供圖形。在本文中，我們將進一步探討這個問題。這個想法很簡單，我們?nèi)詫⑹褂肧VG元素作為在網(wǎng)頁上傳遞圖形的主要方式，但同時我們還將提供一個回退函數(shù)，以便仍然可以在不受支持的瀏覽器中呈現(xiàn)。推薦閱讀：可擴展矢量圖形系列的postsSure，我們可以采用許多路徑，但我們只討論兩個解決方案，我認為這是一個更好的通用解決方案。因此，讓我們來看看如何實現(xiàn)它。使用對象ElementApart直接將它放入HTML文檔中，有幾種嵌入SVG的方法。例如，如果我們將圖形存儲在.svg文件中，則可以使用< object>元素。< objectdata = 'images/apple.svg' > 為了便于演示，我們在網(wǎng)頁上添加了帶SVG的Apple徽標。但是，不支持的瀏覽器將保持為空。為了解決這個問題，我們可以提供一個位圖，如下所示；< objectdata = 'images/apple.svg' > < imgsrc = 'images/apple.png'/> 這樣，支持的瀏覽器仍將使用. svg，而不支持的瀏覽器將攜帶位圖圖形。我們在Apple徽標下方添加了“png”標記來跟蹤正在傳送的圖形。但是，正如我們在另一篇文章中提到的，位圖圖形不像SVG那樣靈活和可擴展。讓我們來看看另一個解決方案。我們可以使用的ModernizrAnother方法是使用Modernizr。對于不熟悉這個JavaScript庫的人，別擔心我們會有一篇專門的文章來介紹它。首先，讓我們準備一些必需的JavaScript庫，Modernizr.js和Raphael.js。然后，我們還需要使用該工具ReadySetRaphael. js將我們的.svg文件轉(zhuǎn)換為Raphael-supported格式，并將輸出保存在單獨的.js文件中；讓我們將其命名為svg.js。將Modernzr.js包含在HTML文檔中，如下所示：< script type = "text/javascript" src = "scripts/Modernizr.js" > 對于其他兩個文件raphael.js和svg.js，我們將有條件地加載它，僅當它在不支持的瀏覽器中查看時。借助Modernizr，我們可以檢測瀏覽器功能，在這種情況下，我們將檢測瀏覽器是否能夠呈現(xiàn)SVG，如果不是，我們將提供腳本：if {document.wri