身為 HTML5 網站開發者必須要知道的 Javascript 套件 – Snap.svg

介紹 Snap.svg:下一代的 JavaScript API 於 SVG 圖形在 HTML5 上的應用

距 Adobe Systems 34 億美元收購 Macromedia 已經過去了將近要 8 年的時間。大家還記得 Macromedia 的 Flash 嗎? 那個曾經市佔率高達 98% 的 Flash Player 而其開發工具 Flash 的向量圖形 (SVG) 格式特性以及其完整的時間軸編輯器也曾經是網站設計師最喜愛的網頁開發工具。但近幾年開始隨著 HTML5 的普及, iPhone 放棄支援更進而最近的 Android 也宣布放棄 Flash player 的支援, 使得整個網路產業以及設計師放棄不再使用 Flash 開發。

snap-svg-1

而 Adobe 於去年 10 月在舊金山舉辦的 HTML5 開發者大會上,宣布了一個名叫 Snap.svg 的開放原始碼項目,目的是將類 Flash 的特性 (SVG) 開發流程帶回於 Web 上。Snap.svg 是一個 JavaScript 程式庫,其目的是讓 Web 開發人員可以設計並建立有 SVG 功能 (向量格式) 的華麗網頁。當然,它也可以配合 Adobe 的一套新的網頁標準開發工具,如 Edge 這套 HTML5 開發工具。

snap-svg-2

Adobe表示,Snap.svg 是一個強大且直覺的 SVG 動畫內容操縱 API,支持屏蔽、裁剪、全梯度和組別等使得內容更具吸引力和交互性的功能。而 Snap.svg 的作者是 Adobe 的Dmitry Baranovskiy,在這之前他也曾創建了一個名叫 Raphael 的早期 SVG 項目。Snap.svg 將可以在現代瀏覽器上工作。而更棒的是 Snap 是完全免費,100% 開放源代碼(在Apache 2 許可下發布)。這個舉動不難看出 Adobe 於 HTML5 開發軟體市場得野心, 日後 Adobe 應該會提出更多 Flash 支援 HTML5 的生產套件,也希望 Snap.svg 能夠把我們帶回以往使用 Flash 做網站的那段快樂時光,能夠在目前 HTML5 標準規範下的網站製作發揮更多的設計創意。

Via: With Snap.svg, Adobe gets animated SVG religion — again

更多關於 HTML5 的開發工具

Abobe & HTML
Google Web Designer
TideSDK | Create multi-platform desktop apps with HTML5, CSS3 and JavaScript
Mobile App Development Framework – Sencha Touch

Author

  • Pladora Maria

    Crafting seamless user experiences with a passion for headless CMS, Vercel deployments, and Cloudflare optimization. I'm a Full Stack Developer with expertise in building modern web applications that are blazing fast, secure, and scalable. Let's connect and discuss how I can help you elevate your next project!

    View all posts
Click here