原创 SVG_12_動畫專題之標籤：animateMotion
寫在前面： 動畫是最直觀的表達方式，比文字能夠給人更大的衝擊性。也是人們最容易查看、記憶最深刻，最過目不忘的友好表達方式，從本篇爲第三篇文章，其他還有兩篇講述動畫，共計三篇動畫文檔，滿足動畫你對動畫渴求。 另外兩篇： SVG_10_動畫專
2020-05-08 00:19:46
原创 SVG_10_動畫專題之標籤：animate
寫在前面： 動畫是最直觀的表達方式，比文字能夠給人更大的衝擊性。也是人們最容易查看、記憶最深刻，最過目不忘的友好表達方式，從本篇文章開始，接下來還有兩篇講述動畫，共計三篇動畫文檔，滿足動畫你對動畫渴求。 動畫元素放在形狀元素的內部，用來定
2020-05-06 01:57:28
2
原创 SVG_11_動畫專題之標籤：animateTransform
寫在前面： 動畫是最直觀的表達方式，比文字能夠給人更大的衝擊性。也是人們最容易查看、記憶最深刻，最過目不忘的友好表達方式，從本篇爲第二篇文章，其他還有兩篇講述動畫，共計三篇動畫文檔，滿足動畫你對動畫渴求。 上一篇：SVG_10_動畫專題之
2020-05-06 01:57:28
原创 SVG_9_線性顏色漸變_豎排文字_動畫
知識點： linearGradient線性顏色漸變 text豎排文字-writing-mode animateMotion動畫 先來說說text豎排文字，text默認是橫排的，那怎樣要豎排呢，其實很簡單，就是一個屬性的設置
2020-05-05 05:27:50
原创 SVG_8_CSS-animation_SVG-animateTransform標籤_動畫解析
知識點： CSS中使用animation控制動畫效果； SVG中使用animateTransform標籤控制動畫效果； PS：雖然兩者寫法上稍微有點區別，但原理上是一致的； 一，先來說說CSS中的控制方法。 <styl
2020-05-05 05:27:50
3
原创 SVG_7_矢量圖_Xi說孔方兄出品-官方LOGO
以後的文章，都會默認帶出這個“出品LOGO” CSDN上面的SVG效果好像展示不出來，想想看效果的，去公衆號吧 公衆號：Xi說SVG LOGO代碼如下，引用了網上的背景圖片，其實就是把圖片上傳到公衆號資源庫，然後引用即可。
2020-05-02 00:56:04
原创 SVG_6_矢量圖_transform_animateTransform_豚_鼠？
PS：補一下SVG_6，本來6是另一個功能介紹，素材沒整理好，算是錯過，後面再介紹。 知識點： 一，transform，這不是控件，只是一個屬性，但功能強大，支持位移、縮放、旋轉。 二，animateTransform標籤，這是一個
2020-05-02 00:56:04
原创 SVG_5_矢量圖_Path標籤_弧線世界開啓
知識點： path標籤 path標籤中的d屬性用來控制path座標，d屬性中有不少特殊的“大寫字母”，這些“大寫字母”用來控制。其實這些字符還有“小寫字母”。至於兩者的區別是：“大寫字母”是絕對座標，“小寫字母”是相對座標。 M：用來
2020-05-02 00:56:04
原创 SVG_4_矢量圖_polyline_polygon標籤_百度地圖測距功能實現
知識點： polyline折線標籤 polygon多邊形標籤 區別就是一個是非閉合，一個是閉合的。 polyline標籤 雖然可以直接用line標籤首尾相接畫出折線，但是這樣有一個缺點，就是折線交接處，會有空缺，感覺像拼接的一
2020-04-29 17:41:20
原创 SVG_1_人臉
第一篇SVG效果文章 上面的“人臉”，是使用EditPlus敲出來的，剛開始玩SVG，只弄了幾個靜態圖形混搭，見笑。 PS： 使用135編輯器，感覺很蹩腳，轉換後再發送到微信公衆號，出來顯示樣式尺寸會有影響，甚至還會丟失控件，我
2020-04-29 00:00:00
原创 什麼是SVG？及SVG引入方式
如題，什麼是SVG呢？ 百度百科答：SVG是一種圖形文件格式，它的英文全稱爲Scalable Vector Graphics，意思爲可縮放的矢量圖形。它是基於XML（Extensible Markup Language），由World W
2020-04-28 23:59:50
1
原创 SVG-矢量圖-奧運五環及奧迪標誌
SVG繼續基礎玩法。 知識點一：style屬性可以快速填寫部分對應的值，但不是所有值都可以這樣寫。 知識點二：fill屬性用來表示填充色，transparent表示透明，這可以實現空心圓。 <svg xmlns="http://ww
2020-04-28 23:59:50
原创 SVG_3_矢量圖___
知識點梳理： 1，<g>標籤：分組標籤、容器標籤； 2，<text>文字標籤，文字水平垂直居中； 3，style="cursor:pointer":控制顯示手型； 4，<image>標籤：通過xlink:href=""引用圖片； 下面
2020-04-28 23:59:50
原创 Android應用圖標上的小紅點Badge實現
原文：http://blog.csdn.net/qq_33689414/article/details/53914439 Android應用圖標上的小紅點Badge實現 爲了增加APP的日活，在Android中有許多的應用仿蘋果
2020-02-20 20:07:56
原创 傳統的七大質量管理工具
原文：https://blog.csdn.net/m290345792/article/details/78979744 前言 傳統的七大質量管理工具如下所示： 因果圖 流程圖 覈查表 直方圖
2020-02-20 20:07:50