零、前言 第一次接觸SVG時，被它的強大折服，下面兩個小例子可以看看 SVG 文字sin型曲線動畫 、 SVG繪製星空效果 Android5.0+也支援向量圖VectorDrawable，是變異

偶然在svgTrick上看到了一個效果，模仿了一下。作者原先也是收到dribble上的一個動效啟發，這個效果與svg簡直是天作之合。 最後模擬的效果如下，gif有點卡頓，戳戳這裡檢

我們首先需要理解一下 viewBox （畫布上可以顯示的區域）和 width/height 的關係。在canvas中我們若改變寬高，那麼影象是可能發生扭曲的，但是svg不會，還是會以正常比例顯示。 1、

首發簡書, 此為合併整理版.程式碼連結放在文末 最近公司需要做一個內部使用的機器學習平臺,其中有一部分需求可以抽象為有向無環圖,一邊踩坑一邊把研發過程記錄了一下(其實是搜不到高耦合業務的成品輪子 ),如

React 已經成為了公司所有專案的前端必選框架了, JavaScript 社群非常活躍，而 React 也幾乎成為了前端最火熱的框架，所以各種知名的庫幾乎都已經有了 React 的版本。但是一些庫還沒有，比

影象優化原理 我們都喜歡有圖片的網頁，圖片很美好，很有趣，同時它涵蓋了豐富的資訊。所以，在載入網頁時，大部分流量被影象資源所佔據（平均60%，資料可能不準確）。 影象資源不只佔用網路資源，它也

一、概述 SVG 是一種基於 XML 語法的影象格式，全稱是可縮放向量圖（Scalable Vector Graphics）。其他影象格式都是基於畫素處理的，SVG 則是屬於對影象的形狀描述，所以它本質上是

點評網的反爬設定在我們爬取點評網頁的時候給我們造成了不小的障礙。在網頁上我們看到的是這樣的 網頁上可以看到這家餐廳有1405條評論，人均387。但在分析頁面原始碼的時候，我們卻看不到網頁

最近專案需要在移動端做一個可以選座訂票的功能。上網搜了一下沒找到一個現成的庫可以解決需求，所以就自己寫了一個粗糙的版本。 需求 前端展示座位分佈 可拖動 放大縮小 點選選座 技術

線上demo Dome在這 由於相容性的問題還沒解決，建議 Chrome 開啟。 靈感來源 某天在觀看TED演講 Aparna Rao High tech Art with

▶ SVG是什麼？ SVG 指可伸縮向量圖形 (Scalable Vector Graphics) SVG 用來定義用於網路的基於 向量 的圖形 SVG 使用 XML 格式

svg資源阿里巴巴向量資源網站: http://www.iconfont.cn/ 感覺一般的svg到Android可用的xml差異有點規律，主要的就是path 秉承著 能用程式碼解決的問題，絕對不

重要更新 完善 pwa 支援，支援 manifest.json、改進快取策略和更新機制等， #1307 支援 svg 以 react 元件輸出， #1263

github demo: github地址 閒聊背景 本文主要以 vue-cli3 搭建的專案為例，來聊一下如何在專案中更優雅的使用 svg 。 眾所周知， vue-cli3 已經推出很長

最近在做投影片的時候，會大量用到 SVG 圖案，SVG 除了有檔案小的優勢，還具有可縮放的向量特性，不怕放大失真。不過在 Windows 的檔案總管中，只能支援檢視例如 JPG、PNG 等圖檔，遇到 SVG 預