貢獻者15
粉絲0
Ionic Framework 內置的圖標庫，免費開源、數量多，性能還不錯，無論是開發還是設計，都是一個優質的資源。 關於 Ionicons Ionicons 是一個完全開源的圖標集，是知名混合開發框架 Ionic Framework 內置的圖標庫，包含 1300 個為 Web / iOS / Android 和桌面應用程序專門定製的圖標。Ionic Framework 是一個跨平台的混合
昵稱 搬不要錢的磚
歡迎關注我的公眾號：前端偵探 再次介紹一些你可能沒用過的SVG小技巧。 有時候會遇到一些完全相同的圖形，如果能用上 CSS背景平鋪，那就再合適不過了。舉個例子，有這樣一個按鈕 相比普通的按鈕，多個左右兩個小裝飾，如果是你，會怎樣實現呢？ 假設這個小圖標是a.svg，想了一下，應該有以下幾種方式 1.偽元素 剛好用上::before和::after，設置相同的背景就行了，示意如下 butto
昵稱 XboxYan
通過使用 pattern 標籤，可以在 SVG 圖像內部定義可重複使用的任意圖案。這些圖案可以通過 fill 屬性或 stroke 屬性進行引用。 使用場景 例如我們要在 svg 中繪製大量的圓點點，可以通過重複使用 circle 標籤來實現。 svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" circle cx=
昵稱 柴火
參考文檔： 張鑫旭大佬的博客：https://www.zhangxinxu.com/study/201710/colorful-time-count-d... 改造後的效果： 源碼：vue3 script lang="ts" setup 模式版本： template div class="config-progress" :style="`--size:${si
昵稱 jsoncode
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霽明 背景 我們產品中會有一些流程圖應用，例如審批中心的審批流程圖： 我們數棧產品內的流程圖，基本都是使用的 mxGraph 實現的，mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph，還有其他一些流行的庫，例如：Re
昵稱 袋鼠雲數棧UED
PowerPoint演示文稿作為展示創意、分享知識和表達觀點的重要工具，被廣泛應用於教育、商務彙報及個人項目展示等領域。然而，面對不同的分享場景與接收者需求，有時需要我們將PPT內容以圖片形式保存與傳播。這樣能夠避免軟件兼容性的限制，確保信息接收者無需安裝特定軟件即可查看內容，還便於在網絡社交平台、博客、電子郵件中快速分享與嵌入。而用Python代碼可以高效地實現PowerPoint演示文稿到圖片
昵稱 大丸子
使用img加載 import dir from '/assets/icons-plus/dir.svg' img :src="dir" / 優點：使用簡單 缺點: 不能動態修改svg的樣式
昵稱 熱飯班長
近日，備受矚目的第二屆中國 SVG 開發者大會在上海市由 E2.COOL 黑科技 SVG 編輯器主持承辦並正式開幕。本次大會吸引了來自全國各地的 SVG 技術精英和頂尖團隊，共同探討融媒體交互技術的創新應用、版權保護與發展前景。大會期間，學術議程 SVG 創新生態與知識產權保護研討會於復旦大學成功舉行。 本次活動以主旨演講與圓桌論壇的形式，圍繞“SVG 創新生態與知識產權保護”主題進行了深入分析與
昵稱 計育韜
將SVG（可縮放矢量圖形）文件插入到PDF（便攜式文檔格式）文件中不僅能夠保留SVG圖像的矢量特性，確保圖像在任何分辨率下都保持清晰，還能夠充分利用PDF格式在跨平台文檔分享方面的優勢，使得技術文檔、手冊、報告等內容更加豐富多樣且易於傳播。使用Python可以輕鬆實現SVG到PDF的插入。本文將介紹如何使用Python插入SVG文件到PDF文檔中。 用Python插入SVG到PDF頁面 用P
昵稱 大丸子
本次 Meetup 活動由 搜索客社區、極限科技（INFINI Labs）聯合舉辦，活動主題將從設計師的角度出發，探討如何在零編程基礎下，藉助 ChatGPT 和 SVG，搞定 INIFNI Pizza 首頁動效，從設計到實現，探索 AI 的更多玩法。歡迎大家預約報名參加和交流。 活動主題：INIFNI Pizza 網站 SVG 動畫這麼炫，我教你啊！ 活動時間：2024 年 9 月 25
昵稱 極限實驗室
問題： ui給的svg是這樣的： 上傳到iconmoon之後轉換出來的圖標是這樣的： 可以看到中間的A字缺失了一部分 解決過程： 以為是A字識別不出來，於是在其他地方找了一個帶有A的svg，上傳到iconmoon查看轉換後的圖標是，A並沒有缺失，猜測是svg源碼的問題導致iconmmon轉換時有問題。 查看沒問題的svg源碼如下： 查看有問題的svg
昵稱 juan26
1. SVG中後面的元素會覆蓋前面的元素 svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" !-- 第一層：紅色矩形 -- rect x="10" y="10" width="100" height="100" fill="red" / !-- 第二層：藍色矩形 -- rect x="50
昵稱 assassin_cike
方案1：img 將svg作為img的src import icon from './xxx.svg' img :src="icon" 無法很好的自定義尺寸，圖片會模糊（使用了img後，會喪失svg的特性） 無法指定顏色 方案2：插件 添加vite-svg-loader插件 找了好幾個常見的插件，比如vite-plugin-svg-icons、vite-plugin-svg-loader、u
昵稱 熱飯班長
效果 在線Demo 軌道 使用 svg 畫個軌道 svg viewBox="0 0 100 100" circle cx="50" cy="50" r="40" fill="none" stroke-width="10" stroke="#333"/circle /svg 簡單的説，就是使用 circle 畫個圓。需要注意的是，軌道實際是 circle 的 stroke，所以目
昵稱 xachary
本期內容會分享我是如何用AI開發多用户版的原型設計軟件。一開始我先講講這個原型設計軟件有哪些功能，方便你知道這個系統有哪些複雜的邏輯點，後面我會有針對性得講講，如何使用AI來開發這樣的帶有多重交互和複雜邏輯的軟件。只要你掌握了這個技巧，你也能用AI開發可以用於銷售的軟件來賺錢。 這個原型設計軟件https://tools.gushiio.com/proto/ 主要功能分別是畫板管理，顏色管理，圖
昵稱 鼓獅知識庫
問題背景： 我在優化整理項目代碼的時候，發現項目中有通過svg-icon name="xxx"/svg-icon方式引用的svg圖標，也有通過iconfonti class="iconfont xxx"/i引用的圖標。 然後當好幾個項目改造為對接微前端的時候，發現有些樣式衝突了（千萬不要小看樣式問題（看似簡單的問題），往往背後藏着不少值得深挖的學問） 復現步驟： 先在微前端中打開A項目，圖標顏色是
昵稱 simonbaker
開發者必備 SVG 手冊：從入門到 Path 實戰，圖標、動畫、自適應一次搞定 引言 SVG 絕對是瀏覽器裏最有意思的技術之一！用它能實現超多酷炫效果，也是前端開發工具箱裏絕對關鍵的一環。 先給大家快速看看前端開發用 SVG 做過的一些東西： （原文此處有示例圖，實際場景可替換為自己的 SVG 作品展示） 不過 SVG 也挺讓人望而生畏的------這玩意兒水很深，很容易看得眼花繚
昵稱 葡萄城技術團隊