svg

设计师也学前端43 分钟前
前端·svg
SVG数据可视化组件基础教程7:自定义柱状图我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的自定义柱状图,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
SuperherRo2 天前
xml·pdf·html·svg·localstorage·swf·pmessage
Web攻防-XSS跨站&文件类型&功能逻辑&SVG&PDF&SWF&HTML&XML&PMessage&LocalStorage知识点: 1、Web攻防-XSS跨站-文件类型-html&pdf&swf&svg&xml 2、Web攻防-XSS跨站-功能逻辑-postMessage&localStorage
实习生小黄3 天前
前端·javascript·svg
使用psd.js将psd路径转成svg格式本文主要介绍如何用 psd.js 来读取 psd 文件的信息,并且分析其中的数据将其轮廓转化为 svg 文件,先放一张效果图
设计师也学前端4 天前
前端·svg
SVG数据可视化组件基础教程6:翻牌倒计时我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带有翻牌效果的SVG倒计时器,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
设计师也学前端8 天前
svg·数据可视化
SVG数据可视化组件基础教程5:带指针连续进度的仪表盘我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带刻度的仪表盘,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
设计师也学前端9 天前
svg·数据可视化
SVG数据可视化组件基础教程4:连续进度的仪表盘大家好,我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带刻度的仪表盘,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
微笑边缘的金元宝9 天前
前端·javascript·vue.js·svg
svg实现3环进度图,可动态调节进度数值,(vue)
设计师也学前端10 天前
svg
SVG数据可视化组件基础教程:带刻度的仪表盘大家好,我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带刻度的仪表盘,SVG相较于E chart来说制作简单,但是效果可以非常丰富。
设计师也学前端11 天前
svg
SVG数据可视化组件基础教程:带指针的仪表盘大家好,我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带指针的仪表盘,SVG相较于E chart来说制作简单,但是效果可以非常丰富。
Data_Adventure11 天前
前端·vue.js·svg
如何在本地测试自己开发的 npm 包在前端开发中,很多同学会自己开发 npm 包,比如 Vue3 组件库、工具库等。开发完成后,如何在不发布到 npm 官方仓库的情况下,在本地项目中真实地测试包的功能、类型声明和兼容性?本文将以 Vue3 组件库为例,详细介绍本地测试 npm 包的几种主流方法、注意事项和常见问题排查。
10年前端老司机12 天前
前端·svg
svg 保姆级入门教程效果如下:由以上可以看出:如果想修改svg的宽高,直接在svg标签上添加宽高属性即可:绘制空心的矩形:
Data_Adventure18 天前
前端·svg
SVG动画详解:animate与animateTransformSVG(Scalable Vector Graphics)作为矢量图形标准,不仅支持静态图形展示,还提供了强大的动画功能。通过SMIL(Synchronized Multimedia Integration Language)规范,我们可以直接在SVG中创建各种动画效果,无需借助JavaScript或CSS。
Code_流苏1 个月前
前端·开源·svg·矢量图·图标设计·图标库·lucide
Lucide:一款精美的开源矢量图标库,前端图标新选择名人说:博观而约取,厚积而薄发。——苏轼《稼说送张琥》 创作者:Code_流苏(CSDN)(一个喜欢古诗词和编程的Coder😊)
森哥的歌1 个月前
svg·数据可视化·前端开发·矢量图形·web图形
SVG 知识详解:从入门到精通作为一名前端开发者,我经常会被SVG的魅力所折服。这种基于XML的矢量图形格式,不仅能完美适配各种屏幕分辨率,还能通过CSS和JavaScript进行灵活控制。今天,就让我们一起来深入探索SVG的世界。
Lois_Luo2 个月前
android·android studio·svg
Android开发中svg转xml工具使用要使用 svg2vector-cli 工具通过命令行将 SVG 文件转换为 Android 可用的 XML 矢量图标文件,可以单个文件转换或者整个文件夹批量转换,以下是详细的步骤和说明:
土豆12502 个月前
css·react.js·svg
构建高级半圆形进度条:SVG 与 纯 CSS 方案深度解析与完整代码半圆形进度条以其优雅的视觉效果和高效的空间利用率,在现代 Web UI 设计中越来越受欢迎。实现一个功能完善、外观精美的半圆形进度条,通常需要在 SVG 和纯 CSS 这两种主流技术中选择。本文将深入剖析并对比这两种方案,不仅详解各自的核心原理和技术技巧,还将提供完整的代码示例,帮助开发者理解实现细节并根据项目需求做出明智的技术选型。
_Le_2 个月前
前端·svg
SVG,你需要知道的......你还在为从蓝湖上下载的svg图像不标准而头疼吗?你还在为冗长的svg文件而苦恼吗?你还在为看不懂其中内容及各个标签含义而抓耳挠腮吗?
大林i瑶3 个月前
css·svg
svg按钮渐变边框个人感觉svg实现渐变边框相比较css的实现来说,相对代码量更大一些,但是svg其实还有很多好玩的地方。 用svg来做渐变边框也是另外的一种思路,也许以后能够用的上。
几米哥3 个月前
html·aigc·svg
代码驱动的PPT新时代:AI编程助手如何用SVG和HTML技术30分钟生成专业PPT全攻略随着人工智能技术的飞速发展,在演示文稿(PPT)制作领域,传统的拖拽式设计正逐渐被AI助手自动生成PPT的方式所替代。特别是随着Claude Sonnet等大语言模型的发布,利用其超强代码编写能力来自动化生成精美PPT的方式已成为新趋势。这种创新方法主要通过生成SVG图片或HTML页面代码来设计PPT,然后通过浏览器渲染进行展示。本文将深入探讨如何利用AI编程助手结合SVG和HTML技术自动生成高质量PPT,分析两种技术的优缺点,并提出结合两者优势的最佳实践方案,帮助读者在保证设计质量的同时大幅提高制作效
前端小万3 个月前
前端·svg
SVG 使用详解在 SVG 中,元素的渲染顺序非常重要,因为 SVG 遵循“后来居上”(Later On Top,LOT)的原则。这意味着在代码中后出现的元素会覆盖先前出现的元素。如果你有多个重叠的元素,后面的元素会显示在前面元素的上层