svgjavascript前端第20页

Vue3 + Vite 项目使用 svg 加载 iconfont 的最佳实践

目录Vue3+Vite项目使用svg加载iconfont的最佳实践1为什么需要使用iconfont？2如何在Vue3+Vite项目中使用iconfont？

Vesuvius688·2023-10-16 10:04

vue3+vite项目中使用svgIcon

如何在vue2+webpack项目中使用svgIcon？

hdchangchang·2023-10-16 10:02

【经验分享】前端分享会-地图模块、echarts以及插件分享

地图模块1.ECharts使用SVG做地图ECharts是一个基于JavaScript的开源可视化图表库，在很多大屏中都有使用到，但大多数情况都是用来制作图表，柱状图、折线图、饼图等等。

_Shiyi·2023-10-16 06:37

使用自定义elementui图标

image.png注意：上传的图标一定是svg格式的下载好之后解压将这几个文件加入到我们的项目中。在iconfont.css页面可以修改图片类的名称，方便引用。

Rt_1f24·2023-10-16 00:25

双周回顾#001 - 火烧云

文章1、穿透的DIV（pointer-events）1pointer-events是一个蛮有趣的CSS3属性，虽然主要是针对SVG，但其中几个属性应用在div上也是颇有意思。

逛街的猫啊·2023-10-15 21:29

矢量图形SVG&高级动画

引导：微信引入的SVG技术。概念:1）SVG，即ScalableVectorGraphics可伸缩矢量图形，这种图像格式在前端中已经使用的非常广泛了。

咸鱼Jay·2023-10-15 17:51

浏览器节日主题置灰

moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url("data:p_w_picpath/svg

瞳孔里的温柔你看得见不·2023-10-15 16:33

CSS技巧

目录1.引入外部字体2.svg修改：3.显示文字行数：4.局部滚动：5.background复合写法：6.less混入：手动：或者：自动加载目标less：7.

SoSalty·2023-10-15 15:52

Acme CAD Converter 2015 8.7.0.1440 Multilingual 1CD CAD图形文件转换和查看软件

AcmeCADConverter20158.7.0.1440Multilingual1CDCAD图形文件转换和查看软件一款专业的CAD图形文件转换和查看软件，支持DWGDXFDWF(AutoCADv2.x-2013)格式转换，输出矢量格式支持DWG,DXF,PDF,WMF,SVG

cadworx2016·2023-10-15 08:00

echarts使用getDataURL图表数据不显示的问题的解决方案

(opts:{//导出的格式，可选png,jpg,svg//注意：png,jpg只有在canvas渲染器的时候可使用，svg只有在使用svg渲染器的时候可用type?:string,//导出的图

ONEO阿喔哟·2023-10-15 03:52

5.vgg16网络模块的实现

代码如下：fromtorchimportnnimporttorchclassVGG16(nn.Module):def__init__(self,num_classes=1000):super(VGG16

YANQ662·2023-10-14 18:42

项目性能优化实战：解决首页白屏问题，自定义 loading 动画优化首屏效果

解决方案准备工作（使用gka把gif转化成svg）需要借助gka这个工具。这个工具是一键快速图片优化、生成动画文件的。只需要全局安装，配合一些命令，即可将图片转成canvas/css/svg动画。

yulamz·2023-10-14 12:42

如何在线查看.woff, .ttf 文件里有什么图标

第三步，就可以下载这个图标的SVG格式或者PNG格式啦~

yulamz·2023-10-14 12:42

React Native实现圆形进度条

ReactNative实现自定义的圆形进度条动画，主要需要用到Animated和reactnativesvg这个插件。

KarmaGut·2023-10-14 11:42

svg画个圆形进度条

好记性不如烂笔头，记录一下~效果：代码：Test.box{width:120px;height:120px;position:relative;}/*文本展示在svg外，通过position定位*//*

arrowhan·2023-10-14 11:55

VGG19 阅读

size的featuremap具体为5种featuremapsize:[1,1/2,1/4,1/8,1/8]importtorch.nnasnnfromtorchvisionimportmodelsclassVGG19

谢小帅·2023-10-14 10:55

d3入门练习系列（三）绘制svg基本形状

基本形状如果你对svg绘图比较熟悉，那么通过d3绘制svg格式的基本形状，如线段、折线、多边形、矩形等等，将非常简单。如果你不熟悉svg绘图，也没关系。

此爱如少年·2023-10-14 05:59

d3入门练习系列（一）绘制四边形

简单示例letwidth=500,height=500letsvg=d3.select('#app').append('svg').attr('width',width).attr('height',height

此爱如少年·2023-10-14 05:29

canvas和svg的区别？

Canvas和SVG是两种不同的绘图方法，它们之间的主要区别如下：绘图语法不同：Canvas使用JavaScript和HTML元素来绘制图形，而SVG使用XML来绘制图形。

一个大长腿·2023-10-13 23:52

Technical Support

Thisgamefocusesonthebestgames,ifyouencounteranyproblemsinthegame,pleasecontactusintime.Email:vgvsvgkmnkn315

破鞋漏脚尖·2023-10-13 18:38

封装公用svg图标

首先创建一个index.vue新组件exportdefault{name:"SvgIcon",props:{name:{type:String,required:true,},width:{type:Number

F N Nancy·2023-10-13 14:17

vscode中使用plantuml插件绘制活动图

它也可以以PNG，LaTeX，EPS，SVG格式图像导出。https://plantuml.com/z

潘帕斯的雄鹰·2023-10-13 13:02

Ubuntu 20.04 根目录扩容

lvsLVVGAttrLSizePoolOriginData%Meta%MoveLogCpy%SyncConvertubuntu-lvubuntu-vg-wi-ao----<49.00groot@master:~#vgsVG

linux修理工·2023-10-13 11:09

koa2 + koa-session + svg-captcha生成验证码

前端效果最近需要用到验证码验证功能，于是就发现了这两个：svg-captcha：svg-captcha文档koa-session：koa-session文档这里的验证码就是这个，经常在一些网站或者系统登录填写几个字母或者数字的简单验证码

JoseWoo·2023-10-13 09:24

vue 中 lottie动画实战使用

window.lottie.loadAnimation({container:window.document.getElementById('sky_falling_surprise'),renderer:'svg

确认过眼神cxy·2023-10-13 05:07

Canvas绘图

绘制烟花图Document#fireworks{width:600px;height:400px;background-color:black;}svg[name="rabbit"]{position:

丸子吖嘿·2023-10-13 04:28

Ubuntu20.04Gazebo3D建图与导航仿真复现

在.bashrc中添加后并运行..bashrc：source/opt/ros/noetic/setup.bashexportSVGA_VGPU10=0二、依赖安装sudoaptinstallros-$ROS_DISTRO-driver-basesudoa

Mr Vermilion·2023-10-13 04:55

大众点评svg反爬

python爬虫——大众点评svg反爬（仅供学习使用）学爬虫有大半年，仅仅会一些基础的爬虫，对一些反爬有深度的反爬就over了，最近在学svg反爬与字体反爬，然后用大众点评练一下。

esword is me·2023-10-13 03:40

自学每日一省

手机：WIFI+Http-Server职业规划找工作相关最重要：项目、博客根据JD调整自己的项目博客是面试通过的保障和别人不一样按照JD调整简历、做自己的简历使用学习思路，学习一门自己感兴趣的东西，如SVG

三少他梦·2023-10-12 16:44

空间转录组学数据分析软件包和算法的比较分析

空间转录组数据分析软件包和算法的比较分析识别空间可变基因（SVG）SpatialDE方法：高斯过程回归执行：Python优点：目前该类别中最受欢迎的package缺点：将表达量很低的基因标记为SVG，并进行两个归一化步骤

尐尐呅·2023-10-12 16:39

Avalonia常用小控件Svg

gitee.com/confusedkitten/avalonia-demo2.UI库Semi.Avalonia，项目地址https://github.com/irihitech/Semi.Avalonia3.SVG

confused_kitten·2023-10-12 15:42

用Powerpoint (PPT)制作并导出矢量图、高分辨率图

但是PPT是不支持导出像SVG、eps等格式矢量图的，而且导出图片的分辨率很低（默认96dpi）。那么问题来了：如何用Powerpoint(PPT)制作并导出矢量图、高清图呢？

lyh458·2023-10-12 11:39

element plus 的 el-progress 进度条颜色渐变

基础效果环形代码：//在template里面写，记得宽高设置为0//重点代码:deep(.circlesyg>path:nth-child(2)){//.circle是环形el-progress取的类名write是svg

暴富的im·2023-10-12 08:03

使用PlantUML快速绘图

PlantUML通过简单和直观的语言来定义图形，它可以生成PNG，SVG和二进制图片.PlantUML支持的图形有：时序图用例图类图活动图组件图状态图对象图在ID

Logica_·2023-10-12 07:01

Android 动画实现方式以及对比（GIF和WebP，Lottie和SVGA，原生动画）

最近需求涉及到较为复杂的动画实现，虽然后来完成与今天所要讲的毫无关系（实现方式会在下篇讲）。但是也是由此萌生了我对市面上较为流行动画的实现方式产生了兴趣，到底是谁好用呢？是谁更优秀呢？GIF和WebPGIF：图像互换格式（GIF，GraphicsInterchangeFormat）是一种位图图形文件格式，以8位色（即256种颜色）重现真彩色的图像。它实际上是一种压缩文档，采用LZW压缩算法进行编码

CCstar1·2023-10-11 20:48

D3 force(力导向图)研究之二：如何布局超过十万个节点的图谱

基于SVG利用力导向图对节点进行布局，容易导致布局失败的原因有两个：1.计算节点位置耗费大量的CPU，导致页面操作冻结；2.添加DOM节点到SVG元素时，渲染、重绘会耗费大量的GPU，导致页面直接崩溃；

蚁方阵·2023-10-11 14:42

JavaScript(CSS)动画引擎汇总

它适用于CSS属性，SVG，DOM属性和JavaScript对象。

缘如风·2023-10-11 09:51

DevExpress VCL Subscription 23 crack

DevExpressVCLSubscription23crackSVGiconsofQuickAccessToolbarbuttonsarecoloredincorrectlyincertainskins.TdxBarinafloatingpanelisscaledincorrectlywhenapanelisundockedwhileitisnotontheprimaryMonitor.TdxB

SEO-狼术·2023-10-11 07:50

echarts中自定义图片的矢量路径

象形柱图中要使用自定义的图片有三种格式，如下图：前面两种方式我们项目中也常用到，第三种是矢量路径，如何获取这个矢量路径呢，方法如下：我们可以去阿里巴巴矢量图标库找到自己想要的图标，移入图标，点击下载按钮小图标点击复制svg

皇菇凉·2023-10-11 06:07

基于echarts实现地图撒点、飞线等功能

echarts中注册地图只在geo组件或者map图表类型中使用，可以选择SVG格式或者G

MomentL·2023-10-11 06:33

Svg格式的霸天虎图标的Logo，求path写法

M45.8,17.9c3,2.6,5.3,6,6.7,9.8c2.5,7.9,1.9,16.6-2.3,23.8c-2.3,4.1-5.4,7.8-9.2,10.6c-2.5,1.7-5.2,3.2-8,4.4c-2.6,1.1-5.4,2.2-8.2,2.7c-0.6,0.1-1.1,0.2-1.7,0.2c-2.3,0.2-4.5-0.5-6.6-1.5c-7-3.2-12-9.8-13.3-

超级大超越·2023-10-11 05:29

React+Ant Design 4.4.1登录及路由导航

version":"0.1.0","private":true,"dependencies":{"@ant-design/icons":"^4.2.1","@babel/core":"7.9.0","@svgr

duansamve·2023-10-11 05:38

3行代码实现import一个目录下的所有文件

点赞再看，养成习惯，你们的支持是我持续分享的最大动力(▽)最近在做一个理财App，在引入svg图片的时候，起初我是这样子处理的：importmoneyfrom'@/assets/icons/money.svg'importlabelsfrom

杭州_前端_求内推·2023-10-11 02:59

区域云LIS平台源码：基层医疗机构的“云端检验科”

技术框架：技术架构：Asp.NETCORE3.1MVC+SQLserver+Redis等开发语言：C#6.0、JavaScript前端框架：JQuery、EasyUI、Bootstrap后端框

淘源码d·2023-10-10 18:43

检验检疫系统（LIS）源码：C# + MVC + SQLserver + Redis

技术架构：ASP.NETCORE3.1MVC+SQLserver+Redis等开发语言：C#6.0、JavaScript前端框架：JQuery、EasyUI、Bootstrap后端框架：MVC、SQLSugar

淘源码d·2023-10-10 18:37

公众号svg排版，跳动的留言板

跳动的留言版，效果如下：图片有点大（10m吧？），请耐心等待原文在这里震震震震震震整只手机都在震代码在这：解释下这段代码：width="750px"height="50"：这是画布的大小，不是很重要begin="0s"：这是开始时间，“0”即为进来就“动”；也可以改成其他数值，即n秒后“动”；也可以把“0s”改成“click”，即为点击后“动”，效果在底部。dur="0.5s"：结束于0.5s后v

科蚪·2023-10-10 18:21

【PPT】ppt里面使用svg图标

对于svg，用AI直接打开，选中图标，按【ctrl+c】复制；再到PPT页面上，点击右键，选择【粘贴为图片】；选中图片，点击右键，选择【组合→取消组合】，进行两次取消组合，得到可编辑的图标。

smart_dream·2023-10-10 18:31

d3_01堆叠图

stroke:black;shape-rendering:crispEdges;}.axistext{font-family:sans-serif;font-size:11px;}varwidth=700;//SVG

奇怪的双子座·2023-10-10 14:16

echart 柱状图添加svg小图标

1创建箭头符号及数据:functiondrawTriangleSymbol(data){//绘制三角形lettriangle='path://M00L20L13Z'letresult=data.map((v)=>({value:v,symbol:`${triangle}`,itemStyle:{normal:{color:'#FFFFFF'}},symbolPosition:'end',//在数据

杨大大28·2023-10-10 13:48

vue 源码 - 01 目录结构

比如大数据量的table或者渲染大量SVG├─dist//构建输出的不同版本vue文件。UMD，Commonjs，ESModule，完整版，运行时版，开发版，生

Lisa_Guo·2023-10-10 13:29

推荐频道

svgjavascript前端