Svg

走进SVG-学习笔记

一、基本图形-->-->-->基本操作API创建图形document.createElementNs(NS,tagName)添加图形element.appendChild(childElement)设置/获取属性element.setAttribute(name,value)element.getAttribute(name)二、颜色渐变和笔刷hsla(h,s%,l%,a)分别表示表示颜色、饱和度
zhangqijun·2023-04-18 11:34

iOS-SVGA动画渲染之内存优化

在各种特效中，SVGA(SVGA是一种同时兼容iOS/Android/Flutter/Web多个平台的动画格式)动画基本上是现在各个平台选择的主流手段.我之前的直播项目的礼物特效，都是采用官方SVGAPlayer
咸蛋皮蛋的哥·2023-04-18 10:40

SVG小练习（day34）

1.SVG1.1标签x1属性在x轴定义线条的开始y1属性在y轴定义线条的开始x2属性在x轴定义线条的结束y2属性在y轴定义线条的结束1.2标签rect元素的width和height属性可定义矩形的高度和宽度
布丁喜欢小黄人·2023-04-18 01:47

webpack面试知识点

去引用输出的文件(处理图片和字体)url-loader：与file-loader类似，区别是用户可以设置一个阈值，大于阈值时返回其publicPath，小于阈值时返回文件base64形式编码(处理图片和字体)svg-inlin
Moonoly·2023-04-18 00:35

网页设计师为什么要用SVG图片？

在普通人眼中，SVG（ScalableVectorGraphics,可伸缩矢量图）可能最多就是在某些网站偶尔看到而已，最多只是知道这是某种图片格式，并不会对这种格式产生任何多余的想法。
叶荣杰·2023-04-17 23:10

Vue3评分（Rate）

allowClear），类型：boolean，默认true是否允许半选（allowHalf），类型：boolean，默认falsestar总数，类型：number，默认5自定义字符，预置'star''heart'两种svg
theMuseCatcher·2023-04-17 22:51

在vue中使用icon-font

1.新建components/SvgIcon.vue组件使用的是阿里巴巴的iconfont图标库，有三种方式可以引用，我使用的是symbol方式exportdefault{name:'svg-icon'
风间澈618·2023-04-17 20:52

前端切图之svg图标的复用基于defs和use 亲测有用

切图网长期致力于web前端开发外包服务，而我们也关注到现在图标很多时候采用svg更多一点，然后图标字体文件已经提供了很多种类的图标，不过采用svg图标可以自行选择更符合、更好看的图标，相比于字体图标更加多样性
专注做前端·2023-04-17 20:03

SVG 实现半环形进度条

要实现的效果图如下image.pngsvg语法学习可以参考https://developer.mozilla.org/zh-CN/docs/Web/SVG网站上的语法元素参考path元素用来定义形状的通用元素
冰落寞成·2023-04-17 16:30

SVG 基础属性与应用

SVG：ScalableVectorGraphics，可伸缩矢量图形前言为了在网络设备上传播各种声音、图像等媒体文件，有了各种针对不同需求的文件格式——图片、视频、音频等都有各种格式，应对高效传输、低空间占用
爱妃给朕躺下·2023-04-17 15:53

CSS filter 有哪些神奇用途（翻译）

它的值可以为filter函数或使用url添加的svg滤镜。filter:[]*|nonefilter:url(file.svg#filter-elem
浅浅而谈·2023-04-17 11:34

png转svg上传iconfont

下载inkscape,安装完成.点击文件→打开,打开png图片,选择图片,点击图层→层置顶点击路径→临摹位图轮廓选择选项,删除背景点击文件→另存为svg上传到https://www.iconfont.cn
huangxiaonian·2023-04-17 00:07

APK瘦身

对这些文件如果能缩小的话，就能达到缩小apk的目的SVG导入SVG(ScalableVectorGraphics)，可缩放矢量图。SVG不会像
贺兰猪·2023-04-16 22:54

Highcharts JS Crack,JavaScript图表库

HighchartsCore(前身为HighchartsJS)是一个基于SVG的多平台图表库，可以轻松地将交互式移动优化图表添加到网页和移动项目中。
SEO-狼术·2023-04-16 21:08

HTML5(八)——SVG 之 path 详解

path是SVG基本形状中最强大的一个，不仅可以实现我们上一篇《HTML5(七)——SVG基础入门》中，介绍的SVG预定义的line、rect、circle、ellipse、line、polyline、
前端人·2023-04-16 19:17

html 代码 SVG path属性用法及代码示例

path属性分别定义文本路径或运动路径以及文本字符，或者对引用的元素进行动画处理。使用此属性的元素包括：和。用法:path=path-data属性值：path属性接受上面提到和下面描述的值path-data:它具有两个不同的值，即它可以定义文本路径，也可以分别定义要渲染或设置动画的运动路径以及字形。注意：它的默认值被认为是正常的。下面的示例说明path属性的用法。范例1：HTMLGeeksforG
任云舒·2023-04-16 19:47

html5内联SVG——标签

什么是SVG？
Syes_lei·2023-04-16 19:44

HTML svg 之＜path＞使用

元素用于定义一个路径。一、命令下面的命令可用于路径数据：命令字母示意描述(小写表示相对于上个坐标的位移,相对路径)M(m)xymoveto移动到(x,y)L(l)xylineto画一条直线到(x,y)H(h)xhorizontallineto水平画一条直线到Xv(v)yverticallineto竖直画一条直线到yA(a)rxryx-axis-rotationlarge-arcsweepxyell
加油小吃货·2023-04-16 19:12

SVG loading动画改善用户体验

HTML_SVG="xx"
BI罗·2023-04-16 17:57

Vue中npm run build报“Error in parsing SVG: Unquoted attribute value”

自己做的一个Vue项目，在打包时老是报这个错误#ErrorinparsingSVG:Unquotedattributevalue查了查网上说的，都说报错原因是压缩和抽离CSS的插件中只允许SVG使用双引号就是项目中外部引入的
isboyjc·2023-04-16 14:44

Vue3中使用svg图标

Vue3+vite+ts-安装依赖npminstallsvg-sprite-loaderyarnaddsvg-sprite-loader创建需要使用到的文件（目录）这边我是在src目录下的components
陈桑·2023-04-16 11:00

Vue组件中引入CSS样式的三种方式

assets/light-theme/index.scss';import'@/assets/dark-theme/index.scss';constimgDog=require('@/assets/svg
喜气youngyoung·2023-04-16 11:50

前端知识点

常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox、CSSModules、Documentflow、BFC、HTML5（离线&存储、Histoy,多媒体、WebGL\SVG
自you是敏感词·2023-04-15 23:07

使用svg和canvas实现图片的剪切

要求可以在图片上增加用户交互，进行一些增删改查的操作一.图片的渲染，用canvas还是svgsvg的对象级别操作使得在图片中添加dom组件用于用户交互变得方便，但是svg不提供对图片像素级别的处理，无法获取特定位置的图片像素数据
acodeer·2023-04-15 22:08

关于前端绘制图形的一些方法（SVG，D3，Echarts）、Echarts的使用

一、上篇知识点总结数据可视化常用工具容器：canvassvg插件：echartshighcharts charts d3canvas标签大小：300*150 单位px坐标：起点左上角canvas画图画笔
爱敲代码的狼仔·2023-04-15 20:14

2019-06-20

SVG板块知识内容2SVG渐变渐变是一种从一种颜色到另一种颜色的平滑过渡。另外，可以把多个颜色的过渡应用到同一个元素上。
Carrin328·2023-04-15 18:52

节流throttle

document.getElementById(“rightSvgTemplate”).onmousemove=throttle(function(e){showBox(e)},1000);showBox
枫林晚风起·2023-04-15 13:10

FinClip小程序+Rust（五）：用内联SVG实现二维码

前面一番操作，从小程序前端到Rust跨平台通用算法逻辑library，基本搞通。再增加其他功能的话，照虎画猫也不难。给加密钱包写个二维码实现，历时...20分钟就算是Paperwallet，也还得有两个二维码才能用（总不能每次手敲几十位无法记忆的数字吧？）-一个是钱包地址，接受支付或者查自己的资产时用；另一个是私钥，在交易时使用。感谢Rust开源世界的大神们，要给我们的钱包加个生成二维码的功能，真
Chenduzi·2023-04-15 08:37

FinClip小程序里如何安全使用SVG

网上零零散散有一些关于在小程序中如何使用SVG的内容，但不是语焉不详，就是信息不完整。在此整理一下，供哪怕是此前从来没有接触过SVG的开发者也可以参考，迅速利用。
Chenduzi·2023-04-15 08:37

小白详解Vue3项目中怎么引入 SVG 图标

今天一淘模板给大家来详解Vue3项目中怎么引入SVG图标具体流程SVG图标既然是页面，肯定离不开一些图标icon，所以肯定要去最全的阿里图标库来寻找这里讲解下如何将阿里图标库里面的东西，放到我们的页面上阿里图标库进入页面
一淘模板·2023-04-15 07:34

Android动画进阶

这里介绍两种实现方式：PathMeasure和SVG。利用PathMeasure实现路径动画PathMeasure是Android提供给开发者的一个API用于实现一个Path路径点的坐标追踪功能，
hzulwy·2023-04-15 01:23

SVGAPlayer-iOS

SVGAPlayer介绍SVGAPlayer是一个轻量的动画渲染库。
svgadesiner·2023-04-15 00:30

CorelDRAW Graphics Suite 2021 for win

中文版绝对是各位需要拥有的强大图片处理工具，这是丝毫不逊于Photoshop的后期图片处理软件，软件主要是为各位用户提供用来创作各种场景的创作软件，其中为各位提供了很多优秀的设计功能，并且支持png、jpg、hiff、tiff、dwg、svg
撒野_6b51·2023-04-14 22:34

Flutter学习之矢量图SVG的区域填色示例详解

目录请先看效果再次看效果请先看效果具体步骤:1.SVG实际上就是一个xml文件,通过flutter自带的packagexml进行进行图层解析import'package:xml/xml.dart';这里是解析的部分代码
·2023-04-14 22:14

vue-svg-icon

svg组件封装在src/components文件夹下新建SvgIcon文件夹,文件夹下新建index.vue文件,内容如下exportdefault{name:"SvgIcon",props:{iconClass
你_过来啊·2023-04-14 21:33

用 svg 辅助页面文字自适应

前言我们知道，在前端开发的过程中，最让人脑壳疼的就是页面的适配了。之所以说让人脑壳痛，倒不是说页面适配多么的困难。他不困难，就是做起来很很繁琐，特别是对于要移动端和pc端均要适配的页面，那处理起来就让人更头疼了。最近在做页面适配的时候，发现对于全设备（包括移动端和pc端）适配的时候，vw和vh布局是一个很不错的方式（后面我们统一称呼维vw布局）。虽然不能保证在所有的屏幕尺寸都能达到理想的效果，但是
纯爱枫若情·2023-04-14 20:19

fabric canvas 清空并重置画布

fabric.js是一个强大而简约的依赖HTML5上的canvas的javascript库，Fabric在canvas元素顶部提供了交互式对象模型，它还具有SVG到画布（和画布到SVG）解析器，官网上提供了丰富的案例
太空编程·2023-04-14 18:34

nodejs之图片验证码(svg-captcha)

所用模块：svg-captcha，svg-captcha是一个基于Node.js平台的验证码生成库，它可以生成SVG格式的验证码，支持自定义验证码长度、字符集等选项，主要用于网站、移动应用等需要用户验证的场景
阿晨学前端·2023-04-14 17:31

jquery实现自定义消息提示组件及confirm

目录结构messageiconerror.svgwarning.svgsuccess.svgnormal.svgindex.cssindex.jsindex.html效果图配置项close:false,
Yihua_2021·2023-04-14 16:08

react项目中使用 fontawesome

官方文档SetUpwithReact|FontAwesomeDocs安装依赖AddSVGCorenpmi--save@fortawesome/fontawesome-svg-core;AddIconPackages
daoqing99·2023-04-14 13:31

【AI】怎么让字体变粗变细?

场景：在svg图标中，需要将字体变粗，直接描边改变大小是无法达到预期效果的，必须要有轮廓1、打开AI软件，新建一个文档，写上一个字，设置字体和大小，我们这里用星进行演示。
smart_dream·2023-04-14 13:45

iconJar-Mac平台图标素材管理

IconjarMac是Macos系统上一款图标素材管理工具**百度网盘链接地址:**https://pan.baidu.com/s/1aP9AtZLDAKawWbJw50ZRBg[1]「提取码:」plqd功能实用，支持SVG
匿名风·2023-04-14 12:43

vue 使用require.context显示文件夹下所有的svg-icon图标

前言近日因开发的项目变得越来越大，导致项目使用的svg-icon越来越多，所以想要制作一个页面来显示目前引入的所有svg-icon，方便查找与使用。
_大风起兮·2023-04-14 10:35

PictureStream();

./.pub-cache/hosted/pub.flutter-io.cn/flutter_svg-0.14.4/lib/src/picture_stream.dart:92:3:Error:Thesuperclass
WhyLingLei·2023-04-14 08:11

GeoServer下载与安装（详细图文教程）

主要包含如下一些特点：兼容WMS和WFS特性支持PostGIS、Shapefile、ArcSDE、Oracle、VPF、MySQL、MapInfo支持上百种投影能够将网络地图输出为JPEG、GIF、PNG、SVG
还是大剑师兰特·2023-04-14 06:45

HTML学习（5）Canvas绘图

文章目录HTML5CanvasHTML5内联SVGHTML5Canvas使用Canvas进行绘图工作，Canvas元素用于在网页上绘制图片。
HugeYLH·2023-04-14 06:09

单位、字体样式、行间距、文本、盒子类型

还有147种svg颜色，这里就不一一列举了，但是明显即使这些颜色变成double，也不足以描绘我们世界中所有的颜色。十六进制颜
玖岁灬·2023-04-14 05:21

微信公众号长图设计互动svg排版，抖音小红书视频剪辑制作广告公司

本期重点聚焦短视频时代的内容农场，尝试探讨其如何从图文蔓延到短视频，以及内容农场对我们的内容消费产生的影响。【本篇文章为言同数字科技有限公司原创】从图文到短视频，我们进入了存量时代，品牌想从提升自己的品牌力，必须有多样且高质量的营销手段。其中，内容农场就是一个重要的营销方式。本篇文章里，言同数字小编讲述内容农场对品牌的重要性，一起来看一下。一、内容农场的吸睛力与吸金力内容农场（ContentFar
言同数字·2023-04-14 04:24

svg线性变化

物品按照svg路径进行移动polygon复杂图形的变化直线变化loading图标的变化1.之前使用的是直接在很短的时间内替换图标2.通过path变化path的值来变化3.不是渐进变化，想要的结果是满满的一点点的变化过去
skoll·2023-04-14 01:48

《WebKit技术内幕》知识提炼 —— 资源加载和网络栈

WebKit资源加载机制资源HTML支持的资源主要包括：HTML、JavaScript、CSS、图片、SVG、CSSShader、视频、音频、字幕、字体、XSL样式表等这些资源在WebKit中都有不同的类表示
惟允·2023-04-14 01:05
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他