svg

拾光拾趣录

在 Vue 中使用 SVG 图标SVG 图标因其矢量特性、高清晰度及样式易定制等优势，已成为现代 Web 开发的首选。在 Vue 项目中优雅地引入 SVG 图标可通过多种方案实现，下面将详细解析四种主流方案。

AI做SVG的终极方案，一套提示词模板无痛搞定：小红书知识卡片、数据可视化图表、原型图、动态图……相对于文字，图像信息更能直观地传达复杂的信息和概念，其最大的优势是直观、高效、精准。作为一名数据分析师，画图是我工作中必不可少的一部分。无论是汇报时的ppt展示图、还是做计划时的流程图、亦或是小组讨论时的思维导图……我们无时无刻都在跟图表打交道，也通过图表来完善我们的工作。

设计师也学前端

SVG数据可视化组件基础教程9：自定义电池电量进度我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的自定义电池电量进度，SVG相较于Echart来说制作简单，但是效果可以非常丰富。

设计师也学前端

SVG数据可视化组件基础教程8：自定义水波球我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的自定义水波球，SVG相较于Echart来说制作简单，但是效果可以非常丰富。

设计师也学前端

SVG数据可视化组件基础教程7：自定义柱状图我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的自定义柱状图，SVG相较于Echart来说制作简单，但是效果可以非常丰富。

Web攻防-XSS跨站&文件类型&功能逻辑&SVG&PDF&SWF&HTML&XML&PMessage&LocalStorage知识点： 1、Web攻防-XSS跨站-文件类型-html&pdf&swf&svg&xml 2、Web攻防-XSS跨站-功能逻辑-postMessage&localStorage

实习生小黄

使用psd.js将psd路径转成svg格式本文主要介绍如何用 psd.js 来读取 psd 文件的信息，并且分析其中的数据将其轮廓转化为 svg 文件，先放一张效果图

设计师也学前端

SVG数据可视化组件基础教程6：翻牌倒计时我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的带有翻牌效果的SVG倒计时器，SVG相较于Echart来说制作简单，但是效果可以非常丰富。

设计师也学前端

SVG数据可视化组件基础教程5：带指针连续进度的仪表盘我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的带刻度的仪表盘，SVG相较于Echart来说制作简单，但是效果可以非常丰富。

设计师也学前端

SVG数据可视化组件基础教程4：连续进度的仪表盘大家好，我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的带刻度的仪表盘，SVG相较于Echart来说制作简单，但是效果可以非常丰富。

微笑边缘的金元宝

svg实现3环进度图，可动态调节进度数值，(vue)

设计师也学前端

SVG数据可视化组件基础教程：带刻度的仪表盘大家好，我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的带刻度的仪表盘，SVG相较于E chart来说制作简单，但是效果可以非常丰富。

设计师也学前端

SVG数据可视化组件基础教程：带指针的仪表盘大家好，我是设计师邱兴，一个学习前端的设计师，今天给大家制作一个用SVG实现的带指针的仪表盘，SVG相较于E chart来说制作简单，但是效果可以非常丰富。

如何在本地测试自己开发的 npm 包在前端开发中，很多同学会自己开发 npm 包，比如 Vue3 组件库、工具库等。开发完成后，如何在不发布到 npm 官方仓库的情况下，在本地项目中真实地测试包的功能、类型声明和兼容性？本文将以 Vue3 组件库为例，详细介绍本地测试 npm 包的几种主流方法、注意事项和常见问题排查。

10年前端老司机

svg 保姆级入门教程效果如下:由以上可以看出：如果想修改svg的宽高，直接在svg标签上添加宽高属性即可：绘制空心的矩形：

SVG动画详解：animate与animateTransformSVG（Scalable Vector Graphics）作为矢量图形标准，不仅支持静态图形展示，还提供了强大的动画功能。通过SMIL（Synchronized Multimedia Integration Language）规范，我们可以直接在SVG中创建各种动画效果，无需借助JavaScript或CSS。

Lucide：一款精美的开源矢量图标库，前端图标新选择名人说：博观而约取，厚积而薄发。——苏轼《稼说送张琥》创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊）

SVG 知识详解：从入门到精通作为一名前端开发者，我经常会被SVG的魅力所折服。这种基于XML的矢量图形格式，不仅能完美适配各种屏幕分辨率，还能通过CSS和JavaScript进行灵活控制。今天，就让我们一起来深入探索SVG的世界。

Android开发中svg转xml工具使用要使用 svg2vector-cli 工具通过命令行将 SVG 文件转换为 Android 可用的 XML 矢量图标文件，可以单个文件转换或者整个文件夹批量转换，以下是详细的步骤和说明：

构建高级半圆形进度条：SVG 与纯 CSS 方案深度解析与完整代码半圆形进度条以其优雅的视觉效果和高效的空间利用率，在现代 Web UI 设计中越来越受欢迎。实现一个功能完善、外观精美的半圆形进度条，通常需要在 SVG 和纯 CSS 这两种主流技术中选择。本文将深入剖析并对比这两种方案，不仅详解各自的核心原理和技术技巧，还将提供完整的代码示例，帮助开发者理解实现细节并根据项目需求做出明智的技术选型。