Svg

喵记账-项目总结

svg图标不会自动换色解决方法：删除svg图标中的fill属性，分别设置点击前的颜色和点击后的颜色引入单独文件时的插槽使用，在组件里--Layout--意思是在slot位置插入内容，例如--Money-
Shigure_Rain·2022-02-23 19:48

inkscape学习笔记-临摹实例之北太平洋铁路的标志

原文链接Inkscape的自动临摹功能对于将现有的艺术作品转化为SVG格式非常有用。在这个例子中，我们将从图片中创建一个标志。这个标志是北太平洋(或NP)铁路的标志，它的特点是象征阴和阳。
liliboy·2022-02-22 16:14

python 将绘制的图片保存为矢量图格式（svg）

python将绘制好的的图片保存输入文件夹importnumpyasnpimportmatplotlib.pyplotaspltpath='H:'#图片输出路径fig=plt.figure()#创建画板ax=fig.add_subplot()x1=np.linspace(0,10,50)y1=(x1*x1)ax.plot(x1,y1,label='y=x$^2$')ax.legend()#添加图例
oceanography-Rookie·2022-02-22 07:59

项目icon图标库在线生成、实时添加(svg转icon)

关于icon,svg的痛点：项目前端开发过程中，设计不可能一次性把所有的icon都给到，每次来一张新的图片，就要加进assets文件夹里需求隔三差五更新迭代，设计稿一改再改，icon变来变去，....对于
小宝薯·2022-02-22 05:16

QT-虚拟键盘

1、pro工程增加static{QTPLUGIN+=qtvirtualkeyboardpluginQT+=svg}2、main开头qputenv("QT_IM_MODULE",QByteArray("qtvirtualkeyboard
小心我大招你·2022-02-22 00:01

svg库

SVG通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外，你甚至可以让SVG动起来，通过使用一些javascript类库。
lueyoo·2022-02-21 21:25

前端之矢量图形

前端之矢量图形矢量图SVG工具SVG预定义形状使用方式引入svg文件的实例矢量图矢量图使用算法定义—一个矢量图文件包含了图形和路径的定义。
一只爱吃萝卜的小兔子·2022-02-21 18:04

看逐浪CMS技术小哥做SVG动画（附使用Bodymovin和Lottie将Adobe After Effects(AE)程式转为 HTML5/Android/iOS原生的动画全过程-即AE转sv...

Bodymovin：是一个AE的插件，它可以把动画直接输出成代码，直接给程序员使用放在各个终端上使用,是airbnb团队开发的一个插件，其原理是将动画转成json文件格式，然后通过JS程序输出，转换成svg
zoomlaCMS·2022-02-21 08:03

立体角

[][1][1]:http://latex.codecogs.com/svg.latex?\Omega=\frac{S}{r^2}
孔李聃丘·2022-02-21 07:34

分布式相关理论和分布式事务

原文地址:https://blog.wangriyu.wang/2018/06-Distribution.html上传不了svg格式的图片吗?!
鱼_乐·2022-02-21 02:43

从七巧板看SVG 层次 置顶问题 （z-index无效解决方案）

svg与H5标准不完全兼容，许多css属性并不适用与svg，包括z-index；svg中的元素只会按照生成顺序层叠。所以，修改svg中元素层叠关系只能重写svg的innerHTML了。
静候那一米阳光·2022-02-21 00:58

插件入图标库，字体报错的原因

1、做项目的时候引入了font-awesome.css，图标是出现了，但是控制台还是有以下报错报错图片这个时候就要考虑IIS里面的配置,IIS不认SVG，WOFF/WOFF2这几个文件类型，得给她们加MIME
花花0825·2022-02-20 09:20

vue cli3使用svg-sprite-loader

iconfontsymbol对比svg-sprite-loadericonfontsymbol在SVG使用上简单，但是对于后期修改不方便。
王大合·2022-02-19 23:27

svg+css3制作hover线框效果

注意开头的部分xml声明，与svg的命名空间xmlns、等部分，主要是考虑兼容性的问题；这些部分在HTML5中基本都可以不用写了(写不写还是自己瞧着办吧)。
巴斯光年lip·2022-02-19 17:18

vue中引入.svg图标

创建SvgIcon组件在components文件夹下新建SvgIcon文件夹，并在SvgIcon文件夹下新建index.vue文件，内容如下：exportdefault{name:'svg-icon',
潘高PG·2022-02-19 11:30

HTML常用的符号集

因为不管你使用的是jpg，png还是svg，每个图片资源的获取都需要向服务器发起请求。
鱼左三水·2022-02-19 05:28

对于WebP格式入门解读

因为项目中需要用到大量动画效果，前期尝试过几种方案，比如GIF、帧动画、lottie、SVGA等格式的动画渲染方案，发现都存在各式各样的问题。比如：1，GIF格式。
斜杠Allen·2022-02-18 22:41

Chart.js轻量级图表库的使用经验

前言最近项目中遇到一个在页面中画图表的需求，需要一个扇状图和一个柱状图，虽然能使用svg或canvas绘制，但吃力还不一定讨好，所以研究接入了主流的第三方图表库供项目使用。
朱man·2022-02-18 20:41

SVG 滤镜

http://www.w3cplus.com/svg/why-the-svg-filter-is-awesome.html
Man_god·2022-02-18 15:02

在uni-app项目中使用阿里巴巴矢量图标库

及使用字体图标，因为可以动态修改图标颜色，很方便；svg彩色图标是好看，但是支持不是很全在项目根目录的App.vue文件中进行全局引用：/*导入字体图标*/@font-face{font-family:
岚平果·2022-02-18 11:08

SVG矢量图-自定义view显示SVG图

SVG指可伸缩矢量图形(ScalableVectorGraphics)自定义一个View/***自定义View展示SVG*/publicclassMapViewextendsView{publicstaticfinalStringTAG
棍子哥丸子妹·2022-02-18 02:45

webpack图片转为base64的实现示例

(jpeg|jpg|png|svg|gif)$/,use:{loader:'url-loader',//默认使用的是es6模块options:{//配置esModule:false,//使用common.js
·2022-02-17 19:09

css字体图标的实现

字体图标的实现1、首先进入Iconfont-阿里巴巴矢量图标库2、下载后再进入创建字体图标的网站icomoon第一步：点击IcoMoonapp进入创建字体图标界面第二步：点击importicons导入下载的SVG
亞哲·2022-02-17 18:06

R语言基础(1)-帮助函数|工作空间|IO|模块安装

demo2、R中工作空间workspace常用函数列出历史输入命令保存当前工作空间导入已保存的工作空间获取当前工作路径切换工作路径退出R3、输入与输出windows下执行R脚本R中将图形输入为pdf、png、svg
qq_21478261·2022-02-17 07:41

教你用SVG画出一条龙

先看demo，九十七度前端学习交流群：461593224其实使用svg画出这条龙很简单，关键不在于怎么使用svg，而在于你的美术功底，哈哈。
WEB攻程狮·2022-02-16 07:59

javascript svg转canvas和image

代码（内含注释）window.onload=function(){//获取svg内容varsvg=document.getElementById('svg-wrap').innerHTML;varcanvas
Hi小胡·2022-02-16 05:29

自动化测试工具UIRecorder安装教程

一、功能简介：支持所有用户行为:键盘事件,鼠标事件,alert,文件上传,拖放,svg,shadowdom支持无线nativeapp录制,基于macaca实现:https://macacajs.com/
神秘者007·2022-02-16 01:25

十八、Expo 指南之图标（icon)

但并不是每个应用程序都必须使用表情符号来表示所有图标-也许你想通过像FontAwesome，Glyphicons或Ionicons这样的图标字体来引入一个流行的集合，或者你只是使用一些你仔细从PNG中挑选出来的（Expo目前不支持SVG
万能的JS·2022-02-15 00:44

HeidiSQL和FreeMarker的数字格式化

123456我们按照千分位以逗号(,)分隔的原则,我们可以数字格式化为123,456但有时候我们并不需要数字格式化,具体的应用场景为当我们的字符串表示的是数字的时候,一旦数字格式化,可能解析会出错,比如svg
symsimmy·2022-02-14 20:02

前端周刊第六期

如果外链不能访问，关注公众号「前端每周看」，里面有解决办法大事件ApacheECharts5.3：开源JS可视化库——发行说明详细介绍了最新版本中的内容，包括关键帧动画、自定义加载动画以及性能提升2-10倍的新SVG
夕阳白雪·2022-02-14 13:00

环形进度条的渐变

大家可能遇到过需要加一些环形进度条渐变的效果，话不多说直接上代码：正常的svg的插件会有环形进度条的js插件，但根据需求修改符合的样式就需要在svg里加一些东西。
迷魂小钢炮·2022-02-14 12:56

Fabric.js 文档

Fabric.js为Canvas提供所缺少的对象模型，svgparser，交互和一整套其他不可或缺的工具。
江湖行骗老中医·2022-02-14 10:41

关于SVG格式图片的疑问

什么是SVG？是可缩放填色的矢量图形的格式。
陈小又·2022-02-14 05:46

three开发VR全景时的几种标签写法

所以要想一些其他方案来在场景中定位标注,通过归纳,大致有以下三种方案:方案一:使用three自带的sprite类首先使用TextureLoader读取图片材质,注意尽量不要读取jpg或png这种标量图,最好使用svg
千茉紫依·2022-02-14 01:27

前端周刊第六期

如果外链不能访问，关注公众号前端每周看，里面有解决办法大事件ApacheECharts5.3：开源JS可视化库——发行说明详细介绍了最新版本中的内容，包括关键帧动画、自定义加载动画以及性能提升2-10倍的新SVG
·2022-02-13 22:56

svg动画进阶

3.两个不同形状的svg图形进行变化1.锚点数量不一致，简单--复杂2.检查前后的d值，对于任意连个图形来说，只要是M开头，中间全部用小c且数量保持一致，最后是C或者z结尾，就一定可以实现动画效果，所以要在导出
skoll·2022-02-13 21:56

详解JavaScript+Canvas绘制环形进度条

目录效果图思考实现思路具体代码实现效果图思考移动端的场景里经常会出现环形进度条的功能，在实现这个功能前，我预想的解决方案大致有：echarts、antv、canvas、svg前面两种第三方提供的解决方案当然是简单
·2022-02-13 14:41

利用动态viewport+rem制作一张自适应的svg雪碧图icon

先看下主流浏览器、手机的尺寸和分辨率主流浏览器和手机的尺寸移动端雪碧图的痛点-不能自适应移动端的icon大小不是不定的，如果用px固定住，在高分辨率手机中就会变得很小在低分辨率手机中就会变得很大。所以手机都拿icon图标需要用百分比来或者用rem布局来调整icon的大小。background-position百分比计算公式x：（容器的宽度-图片的宽度）x(50%)y：（容器的高度-图片的高度）x(
琦乐无穷·2022-02-13 11:38

css+svg实现的定宽高比

最近看到一篇关于css实现固定宽高比的思路,最近也接触了一下svg的viewBox的属性,想到了这是很好的撑开物.原来相同,只是撑开的方式不同,使用svg而不是paddingsvg的viewBox属性可以实现固定的比例
DeepKolos·2022-02-13 06:16

奴隶区

xt=urn:btih:6OW2ZXFV5BA5XOWNNSVGWH5VBGBNGUK511：magnet:?
真祖夜宇零·2022-02-12 14:41

svg-sprite-loader 自动替换图标

作用：每次在iconfont下载的图标引入到项目里，如果重新添加了图标，就要重新下载来覆盖原项目的图标文件，svg-sprite-loader可以省略这一步骤。
于美美·2022-02-12 12:06

18，页面优化

//一、图片1，修饰类的图片有css代替2，根据具体屏幕，用小图代替3，小图使用base64格式4，雪碧图（多个图整合在一起）5，webP有更好的压缩算法（但兼容性差一点）6，小图用png或者svg（SVG
r8HZGEmq·2022-02-12 08:34

D2 日报 2019年4月18日

banner新闻➡️今天，小程序正式支持SVGjuejin.im➡️Facebook：公司曾「无意中上传」150万用户邮件联系人readhub.cn开源项目➡️NtesEyes/pylane非中文watch7star164fork10
D2开源组·2022-02-12 01:56

echart and high charts

highcharts用svgd3也采用svg方式。SVG是使用XML来描述二维图形和绘图程序的语言。Canvas和SVG都允许您在浏览器中创建图形，但是它们在根本上是不同的。
大诗兄_zl·2022-02-12 00:42

程序员也可以很浪漫，精选10个圣诞节特效网页设计-前端HTML+CSS等实现

html5基于svg绘制调皮圣诞老人：沉睡的圣诞老人动画背景：旋转圣诞树动态特效：圣诞树生成动画制作：Youcanreplacewithanythingyoulike!
前端码农..·2022-02-11 21:02

12 个 Css 小技巧

使用:not()在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的nth-child选择项目对图标使用SVG优化显示文本对纯CSS滑块使用max-height继承box-sizing
grain先森·2022-02-11 20:10

必须知道的JavaScript库 - 可视化库

d3-用于HTML和SVG的JavaScript可视化库.metrics-graphi
·2022-02-11 16:32

vue3.0自定义字体图标使用

以往方法：在Iconfont官网中搜索所需图标添加入库添加至项目下载素材至本地页面中引入字体文件使用方法：缺点：项目想要添加新的图标时，需要重复上述操作并重新下载覆盖文件手动分割线解决方案：采用svg-sprite-loader
不懂代码的小白·2022-02-11 12:01

Android-图片加载库Coil介绍

它支持GIF和SVG，并且可以执行四个默认转换：模糊，圆形裁剪，灰度和圆角。并且是全用Kotlin编写，如果你是纯Kotlin项
多仔百事宅·2022-02-11 09:49

Error: CSS minification error: postcss-svgo: TypeError: Cannot set property 'multipassCount' of u...

查了一下，使用npminstallsvg[email protected]解决了问题。参考链接：https://stackoverflow.com/questions/586
向往自由的魔女·2022-02-10 22:10
上一页 49 50 51 52 53 54 55 56 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他