svg

hereitis贝壳1 天前
pdf·svg·矢量
如何将JPG、PNG、GIF图像转换成PDF、SVG、EPS矢量图像需要SVG小图标又不想麻烦设计师怎么办?不求人自己就可以把图片转矢量!萌新实习生一枚,练习的时候用到一些好看的小图标,奈何iconfont又没有现成的可以直接拿来用,脸皮儿太薄又不好意思麻烦设计师姐姐帮忙怎么办呢?突然get一个把图片转矢量的小办法,真的把自己开心坏了,刷刷刷几下自己就可以搞定,这成就感无敌了,看我如何将JPG、PNG、GIF图像转换成PDF、SVG、EPS矢量图像!给大家展示一下我的学习成果:
阿群的AI工作室7 天前
svg·动效
快来生成属于自己的emoji小人,【超详细教程】包含视频玩法最近被玩疯了的emoji小人,你给自己整上了吗?先来看看效果:图片:如果你也想给自己安排上一套自己的emoji表情,那么接下来就跟着阿群一起来动手开工~
我真的叫奥运9 天前
前端·svg
def id 重复引发的 svg 复用的一些思考svg def 的作用域是整个 document ,导致把 svg 直接导入作为xml使用时,会发生 两个 svg 实例互相影响的情况:
Java水解11 天前
前端·svg
前端绘图基础——SVG详解![在这里插入图片描述]在 SVG(Scalable Vector Graphics)中,<defs> 是一个容器元素,用于存储可能会在文档其他地方重复引用的图形元素、样式、滤镜、渐变、图案等。
拾光拾趣录22 天前
前端·vue.js·svg
在 Vue 中使用 SVG 图标SVG 图标因其矢量特性、高清晰度及样式易定制等优势,已成为现代 Web 开发的首选。在 Vue 项目中优雅地引入 SVG 图标可通过多种方案实现,下面将详细解析四种主流方案。
饼干哥哥1 个月前
svg
AI做SVG的终极方案,一套提示词模板无痛搞定:小红书知识卡片、数据可视化图表、原型图、动态图……相对于文字,图像信息更能直观地传达复杂的信息和概念,其最大的优势是直观、高效、精准。作为一名数据分析师,画图是我工作中必不可少的一部分。无论是汇报时的ppt展示图、还是做计划时的流程图、亦或是小组讨论时的思维导图……我们无时无刻都在跟图表打交道,也通过图表来完善我们的工作。
设计师也学前端1 个月前
前端·svg
SVG数据可视化组件基础教程9:自定义电池电量进度我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的自定义电池电量进度,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
设计师也学前端1 个月前
前端·svg
SVG数据可视化组件基础教程8:自定义水波球我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的自定义水波球,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
设计师也学前端1 个月前
前端·svg
SVG数据可视化组件基础教程7:自定义柱状图我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的自定义柱状图,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
SuperherRo1 个月前
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
实习生小黄1 个月前
前端·javascript·svg
使用psd.js将psd路径转成svg格式本文主要介绍如何用 psd.js 来读取 psd 文件的信息,并且分析其中的数据将其轮廓转化为 svg 文件,先放一张效果图
设计师也学前端1 个月前
前端·svg
SVG数据可视化组件基础教程6:翻牌倒计时我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带有翻牌效果的SVG倒计时器,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
设计师也学前端2 个月前
svg·数据可视化
SVG数据可视化组件基础教程5:带指针连续进度的仪表盘我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带刻度的仪表盘,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
设计师也学前端2 个月前
svg·数据可视化
SVG数据可视化组件基础教程4:连续进度的仪表盘大家好,我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带刻度的仪表盘,SVG相较于Echart来说制作简单,但是效果可以非常丰富。
微笑边缘的金元宝2 个月前
前端·javascript·vue.js·svg
svg实现3环进度图,可动态调节进度数值,(vue)
设计师也学前端2 个月前
svg
SVG数据可视化组件基础教程:带刻度的仪表盘大家好,我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带刻度的仪表盘,SVG相较于E chart来说制作简单,但是效果可以非常丰富。
设计师也学前端2 个月前
svg
SVG数据可视化组件基础教程:带指针的仪表盘大家好,我是设计师邱兴,一个学习前端的设计师,今天给大家制作一个用SVG实现的带指针的仪表盘,SVG相较于E chart来说制作简单,但是效果可以非常丰富。
Data_Adventure2 个月前
前端·vue.js·svg
如何在本地测试自己开发的 npm 包在前端开发中,很多同学会自己开发 npm 包,比如 Vue3 组件库、工具库等。开发完成后,如何在不发布到 npm 官方仓库的情况下,在本地项目中真实地测试包的功能、类型声明和兼容性?本文将以 Vue3 组件库为例,详细介绍本地测试 npm 包的几种主流方法、注意事项和常见问题排查。
10年前端老司机2 个月前
前端·svg
svg 保姆级入门教程效果如下:由以上可以看出:如果想修改svg的宽高,直接在svg标签上添加宽高属性即可:绘制空心的矩形:
Data_Adventure2 个月前
前端·svg
SVG动画详解:animate与animateTransformSVG(Scalable Vector Graphics)作为矢量图形标准,不仅支持静态图形展示,还提供了强大的动画功能。通过SMIL(Synchronized Multimedia Integration Language)规范,我们可以直接在SVG中创建各种动画效果,无需借助JavaScript或CSS。