Svg

【css灵感】渐变圆角边框

剪切区域是被引用内嵌的URL定义的路径或者外部SVG的路径。因为使用了clip-path裁剪后的元素，只有元素的剪切区域才能被显示，所以我们可以
·2021-12-21 11:56

支持热重载的svg生成iconfont字体图标插件

前言之前生成iconfont字体图标，是用的https://icomoon.io/app/或者是阿里的https://www.iconfont.cn/，将UI给的svg图导入来生成。
硅谷干货·2021-12-21 09:17

【手把手教程】uniapp + vue 从0搭建仿斗鱼虎牙直播App：腾讯云MLVB移动直播实践连麦PK+带货

基于uniapp+vue实现仿斗鱼虎牙腾讯云移动直播应用实践，实现以下功能：1:用户登陆2:房间管理3:房间聊天4:直播美颜5:Svga礼物动画6:一对一连麦观众项目开发环境IDE：HbuilderX3.0
·2021-12-19 13:45

NodeJS图片处理库sharp

sharp.pixelplumbing.com/en/stable/buffer与stream相互转换http://derpturkey.com/buffer-to-stream-in-node/text转svg
洋溢洋溢洋溢·2021-12-17 10:54

Vue3使用icon的两种方式实例

目录1.使用svg2.使用fontAwesome3来源4总结技术栈和版本Vite2+Vue3+fontAwesome5Vue3中使用Icon的方式，fontAwesome简单好用，但有时候缺少想要的icon
·2021-12-03 18:47

Vite中使用 svg-sprite-loader

本文默认你们了解过SVG，如果不懂会去iconfont下也行。
小吉很低调·2021-12-03 13:26

GitHub 开源的超简单头像生成器，网友：好Q啊

定制完成后，可将头像导出成PNG和SVG格式的图片，或把头像代码内嵌到个人网站上。
·2021-12-02 11:45

实现“元素总是只显示一行内容，多余的内容用省略号表示”的效果

HTML代码：层叠样式表(CascadingStyleSheets，缩写为CSS），是一种样式表语言，用来描述HTML或XML（包括如SVG、MathML、XHTML之类的XML分支语言）文档的呈现。
·2021-12-02 11:09

svg08——＜use＞&＜defs＞标签创建图形引用

在js中，当我们需要重复使用一个字段，会将它定义为一个变量，在多个地方使用在svg中，当我们需要重复使用一个图形时，要怎么处理呢？
·2021-11-30 15:19

svg07——svg中颜色表示的方式 HSL

除了常规的英语单词（如pink）,rgb、rgba等颜色表示，svg中还可以使用HSLH（颜色）S（饱和度）L（亮度）A（透明度）H:取值范围[0,359]S、L：取值范围[0,100]%A：非必填，取值范围
·2021-11-30 15:49

element-plus Icon图标统一导入及注册

element-plus官方提示，Icon图标正在向SVGIcon迁移，之前使用的FontIcon即将被弃用。
·2021-11-29 10:01

[highcharts] 02_回调函数实现高级颜色渐变

因为highcharts使用svg渲染，而svg内的线性渐变属性为：linearGradient，若只是为了单纯的实现上图效果，我们完全可以单独设置每个series的color属性。
·2021-11-28 10:15

svg06——svg中坐标变换与顺序的关系

一、什么是坐标变换在svg中，坐标变换是对一个坐标系到另一个坐标系的变换的描述在上一篇中我们说到:transform是基于前驱坐标系的自身坐标系变换现在我们来亲自试验下，坐标系与其前驱坐标系都变换时，顺序不同有怎样的影响二
·2021-11-26 18:15

Python视频制作引擎Manim安装教程2021版(科学概念可视化)

Python视频制作引擎Manim安装教程2021版0写在前面1效果展示2安装教程(Windows)2.1安装ffmpeg2.2安装Latex2.3安装dvisvgm2.4安装Manim3测试与开发0写在前面相信很多同学就算没听过
FrigidWinter·2021-11-26 11:06

VUE项目iconfont自定义SVG（非SVG文件）- PUSDN

简述VUE项目iconfont自定义SVG,在线或者离线下载的阿里巴巴iconfont.js；并非SVG文件；前情提示VUE2；在线或者离线下载的阿里巴巴iconfont.js；并非SVG文件；文中使用的
JaneYork·2021-11-25 22:19

svg04——svg中的图形分组＜g＞

一、在svg中，使用标签来创建分组标签内部的图形，会继承其属性可以使用transform属性进行坐标变换，变换之后可以理解为新的自身坐标系标签可以嵌套使用二、分组坐标变换的实例translate(0,50
·2021-11-25 19:20

svg05——svg的坐标系统和坐标系

一、什么是svg的坐标系统众所周知，数学上的坐标系统，大部分是指笛卡尔直角坐标系并且：x轴向右，y轴向上，角度为逆时针在svg中，坐标系统同样也是笛卡尔直角坐标系，x轴向右但是：y轴向下，角度为顺时针二
·2021-11-25 19:20

svg03——用 js 创建svg

实际使用svg中，我们经常会用js去操作svg一、核心API：1、创建图形：ns指命名空间，tagName是标签名，例如svg、rectdocument.createElementNS(ns,tagName
·2021-11-25 19:49

svg02——svg绘制基本图形，了解常用的属性

种基本的图形还有一些通用的属性，比如fill（填充）、stroke（边框）、transform（变换）（transform就是css3中的用法）然后一起学习下各个图形的属性用法二、矩形（rect）重要的是，在svg
·2021-11-25 19:49

react项目报错，‘找不到模块或其相应的类型声明 ’

报错的原因是没有图片的声明文件，那就要想办法添加声明文件解决办法：在typescript文件夹下添加声明文件添加声明文件文件具体内容declaremodule'*.svg'declaremodule'*
我是小可爱嘻嘻·2021-11-25 09:38

svg01——svg简介及简单使用

一、SVG意为可缩放矢量图形（ScalableVectorGraphics）svg是使用XML描述的矢量文件。矢量图与位图有什么区别呢？
·2021-11-23 19:23

趁早·PPT模拟人生100天 Day 36：插画班-让PPT进入新层次

1-插画简介~插画可以称为是“时间性价比的首选”~插画分类：渐变/扁平/2.5D/线性/涂鸦白描/MBE/绘本/3D/剪贴/噪点肌理2-如何使用~最大的特点是好看1）格式：SVG好于PNG2）缩放：按shift
陌上花开wen·2021-11-23 15:43

使用SVG做模型贴图的思路

今天提供一种新的思路，使用SVG作为模型的贴图，可以达到动态调整图片精度的效果。使用svg作为贴图的思路，有两种。
·2021-11-20 15:26

html2canvas适配总结

缘起近期在使用html2canvas插件生成图片时，发现对于svg元素支持不是很好。
sphenginx·2021-11-19 16:06

css和svg多边形按钮实现

1.css实现1.1强行实现页面效果image.png代码exportdefault{}.angle-button{width:100px;height:35px;cursor:pointer;background:rgba(237,112,83,0);border:1pxsolid#1983c2;position:relative;box-shadow:0px0px30pxrgb(9,83,14
橙子只过今天·2021-11-18 16:03

Fabric.js - 轻而易举操作canvas的神奇库

在每篇文章下面都有提PR的链接，只要使用github在写编辑即可今天我要向你们介绍Fabric.js—一个能够让你轻而易举操作canvas的神奇的库.Fabric不仅提供了一个虚拟canvas对象,还有svg
·2021-11-16 08:47

vue项目中进行svg组件封装及配置方法步骤

最近刚入新的公司，拿到项目之后，发现一个有趣的事情就是标题的icon是用svg来弄的，这篇文章彻底弄清楚怎么使用1.创建vue项目（通过cli来搭建脚手架，该测试项目是用vuecli4进行配置的）2.创建一个自定义组件具体代码如下
·2021-11-16 03:20

趁早·PPT模拟人生100天 Day 28：平平无奇变身大法

3大类9种变身大法：1-颜色填充1）拆分着色~导入SVG图标，Ctrl+shift+G取消组合，给每个部分填色2）渐变填充~采用与PPT色调协调的色彩进行渐变填充3）渐隐效果~选中图标，选择渐变填充，删除多余滑块
陌上花开wen·2021-11-15 21:52

GrowingIO Design 图标库：从原理到实现

随着前端技术的发展，网页中的图标（Icon）已经不再局限于标签，还有很多实现方式，比如：Sprites（俗称雪碧图）、IconFont（字体图标）、SVG等等。
·2021-11-12 20:48

vue 图标选择器的实例代码

来源：http://www.ruoyi.vip/importVuefrom'vue'importSvgIconfrom'@/components/SvgIcon'//svgcomponent//registergloballyVue.component
·2021-11-12 19:20

【SVG】SVG的夺命利器——path

【SVG】SVG的夺命利器——path博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！
·2021-11-11 23:49

【SVG】SVG的夺命利器——path

【SVG】SVG的夺命利器——path博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！
归子莫·2021-11-11 23:00

Android高级动画篇之SVG矢量动画范例

目录效果视频目录结构SVG常用指令初始化状态效果图制作静态SVG图型动画变换动画黏合引用解决低版本异常问题效果视频目录结构SVG常用指令L：为从当前点绘制到直线给定的点，后面跟着的为x,y坐标M：为将画笔移动到某一点
·2021-11-11 17:44

【SVG】为了前端页面的美丽，我选择学习SVG

【SVG】为了前端页面的美丽，我选择学习SVG博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！
归子莫·2021-11-10 23:00

【SVG】为了前端页面的美丽，我选择学习SVG

【SVG】为了前端页面的美丽，我选择学习SVG博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！
·2021-11-10 23:05

动画库 - Keyframes-iOS

目录：动画库-Lottie-iOS动画库-SVGA-iOS动画库-Keyframes-iOSAPP常见的动画库对比：动画库LottieSVGAKeyframes支持平台Android/iOS/WebAndroid
恩莱客·2021-11-04 09:36

matplotlib实现自定义散点形状marker的3种方法

目录无填充形状和填充形状Tex形状Path对象使用Path模块中的Path对象自定义Path对象从svg格式转化为Path对象参考matplotlib中marker支持的数据类型marker有4种类型，
·2021-10-27 18:26

动效解决方案 Kute.js

官网http://thednp.github.io/kute.js/index.html二、功能介绍KUTE.js包含一系列组件，用于表示属性、SVG转换、绘制SVG笔触和路径变形、文本字符串写入或数字倒计时
丸子小姐__不懂爱·2021-10-21 13:16

HTML+CSS（知识点总结）

名词1解释1(descriptiondescription)名词1解释2名词2名词2解释1名词2解释2HTML5新特性(不支持ie8及ie8以下版本的浏览器)语义标签增强型表单视频和音频Canvas绘图SVG
·2021-10-20 17:26

Vue Element前端应用开发之图标的维护和使用

目录概述1、Vue-Awesome的使用介绍2、导入Element图标和Vue-Awesome图标概述Vue-Awesome是基于Vue.js的SVG图标组件，内置图标来自FontAwesome。
·2021-10-19 17:28

JavaScript 数学曲线—阿基米德螺线

引子最近在研究曲线运动的时候，尝试了用AI导出的SVG路径之后，发现有些还是回归到数学中更合适一些。搜集了一些资料，尝试后总结一下。
·2021-10-18 13:06

Android--SVG打造可交互式中国地图

效果如下：MapView.gif首先我们需要一张svg的中国地图图片svg目录.jpg在浏览器打开.jpg第一步：将svg转换为安卓中的vector（利用插件或网站http://inloop.github.io
aruba·2021-10-11 14:44

webpack图片替换不展示的问题

g|gif|svg)(\?.*)?$/,loader:'url-loader',options:{limit:1,name:utils.assetsPath('img/[name].
·2021-10-11 10:06

CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果

本文将介绍一种利用CSS滤镜filter的drop-shadow()，实现对HTML元素及SVG元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。
·2021-10-08 11:24

基于STM32的汇编程序

添加源文件2.3编译并调试程序2.4HEX文件分析3总结4参考文献1.KEIL的下载及安装1.1mdk531的下载链接：https://pan.baidu.com/s/1uiPGz_5Gorv0wOsAGUQsvg
风吹麦甜·2021-09-29 23:07

自己把png转成iconfont

先把png二值化，然后到这个地址转换成svg格式#https://jinaconvert.com/cn/convert-to-svg.phphttps://convertio.co/zh/png-svg
学无止境吧·2021-09-29 15:52

超棒！教你用 Python 绘制炫酷专业插图

能够保存成从eps,pdf到svg,png,jpg的多种格式。并且Matplotlib的绘图
Python学习与数据挖掘·2021-09-26 22:43

移动端Web开发 基础知识

文章目录移动端Web开发移动端基础浏览器视口样式编写分辨率和设备像素比二倍图SVG矢量图移动端Web开发移动Web开发的两种主流方案，一种是单独制作移动端页面，另一种是制作响应式页面移动端页面：单独制作移动端页面的优势和劣势
YuLong~W·2021-09-26 19:35

评价打分组件，SVG 半颗星的解决方案！

作者：KUMARHARSH译者：前端小智来源：blog有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，有一线大厂面试完整考点、资料以及我的系列文章。对于一个内容服务的网站来说评价打分也是很重要的一部分，它有利于分析用户对我们的内容的喜好程序。最近，我们团需要为一个项目实现一个星级
·2021-09-25 08:48

CSS和SVG实现文字渐变、描边、投影

活动页中经常能看到特殊处理的标题文字，比如这样的暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有3个文字特效，分别是渐变、描边、投影作为一个有追求的前端，当然不会直接用图片啦~这里分别用CSS和SVG
·2021-09-23 18:15
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他