今天通过两个简单的加载动画让大家见识一下CSS与SVG结合的威力。一、你需要准备什么？ 对于svg，可能一些刚接触前端的同学比较的陌生。你可以先去MDN上看一下基本的介绍。本篇内容最重要的一个知识点就是stroke-dasharray和stroke-offset的组合使用。二、加载等待动画 这个动画大家应该很熟悉： 这个难度不是很大，本质上就是一个小圆弧在圆环上旋转。svg(viewB
转载
2023-07-01 12:35:48
182阅读
# 如何在Python中引用SVG文件
## 1. 整体流程
在Python中引用SVG文件可以通过使用第三方库`svgwrite`来实现。以下是具体步骤：
```mermaid
stateDiagram
开始 --> 下载svg文件
下载svg文件 --> 引用svg文件
```
| 步骤 | 操作 |
| --- | --- |
| 1 | 下载SVG文件 |
| 2
原创
2024-04-25 08:10:42
88阅读
# Android中的SVG图片引用
## 简介
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，可以缩放并且不失真。在Android应用开发中，使用SVG图片可以提供高质量的图形，并且适应不同的分辨率和屏幕尺寸。
本文将介绍Android中如何引用和使用SVG图片，并提供代码示例。
## SVG图片引用
在Android中，我们可以使用Andr
原创
2023-11-14 11:03:03
155阅读
最近用到了个SVG图片，里面还是带<image>标签的，想要把它嵌入到HTML中还是有些工作要做的。经历最初的图片是这样写的：<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/D
1.安装依赖： npm install svg-sprite-loader --save-dev 2.配置build文件夹中的webpack.base.conf.js，主要在两个地方添加代码，如下图所示 exclude: [resolve('src/icons')], { test: /\.svg$
原创
2021-07-28 17:07:46
1527阅读
文章目录前言1. 在浏览器直接打开2. 内嵌到 HTML 中3. CSS 背景图4. 使用 img 标签引入5. 使用 iframe 标签引入6. 使用 embed 标签引入7. 使用 object 标签引入总结 前言技术一直在演变，在网页中使用 SVG 的方法也层出不穷。每个时期都有对应的最优解。所以我打算把我知道的 7种 SVG 的使用方法列举出来，有备无患~如果你还知道其他方法，可以在评论
svg defs 进行定义 引用
原创
2021-06-04 17:29:13
259阅读
# 如何在Android Studio中引用SVG图标
在移动应用开发中，使用矢量图形（SVG）图标是一种流行的方式，因为它们可以适应不同分辨率的屏幕并保持清晰度。在Android Studio中使用SVG图标也变得越来越常见。本文将介绍如何在Android Studio中引用SVG图标，并提供一个示例来演示如何实现。
## 为什么使用SVG图标
SVG图标是一种基于XML的矢量图形格式，它
原创
2024-05-30 04:53:04
230阅读
概述svg，即Scalable Vector Graphics，可缩放矢量图形。相对于jpg，png图标，svg可以在任意分辨率下保证不会模糊，即便是网页缩放了。 上图是知乎的截图，可以看到铃铛图标是svg的，消息数量是CSS写的，二者缩放到任意体积都可以保持一个同等的清晰度。而且现在很多ui标注的软件都已经支持直接生成svg，比如sketch，那为何不尝试一下呢。配置svg是一种用xml描述的语
转载
2024-01-03 10:59:54
296阅读
一、引用步骤：1、先引入echarts库：如果用的页面比较多，可以在main.js中全局引入echarts库；如果用的页面不多，可以单独引入。这里采用全局引入：import Vue from 'vue'
import 'normalize.css/normalize.css'// A modern alternative to CSS resets
import ElementUI from
转载
2024-03-22 19:58:24
46阅读
现在出现了不同型号的手机,ipad.电脑，开发上对分辨率的要求日益严格。我们需要更多的关注各种设备的阅读性和显示效果。我们希望能在不同的时间，不同的地方都能传递非常棒的客户体验。我们需要在开发时，不同的设备准备不同分辨率的设计稿。一套在普通屏幕上显示，一套在高清屏幕上显示。为了解决屏幕分辨率对图标影响的问题，字体图标即icon font顺势而生。字体图标是一种全新的设计方式。更重要的是相比图片而言
转载
2023-07-21 15:54:13
174阅读
vue3使用svg图标
原创
精选
2024-10-18 14:10:05
655阅读
Vue 加载 SVG 图片文件export default { // LOGO logo: require('./logo.svg'), logo_content: require('./logo_content.svg'), log
原创
2022-06-30 11:07:17
596阅读
$ npm install vue-svg-icon --save-dev跑起来后报错This dependency was not found: * !xml-loader!../.
原创
2022-07-22 09:33:49
242阅读
为什么推荐svg图标？缺图标时，通常我们都会选择
原创
2022-07-12 16:32:28
1973阅读
svg图标放大不失真，png会出现失真现象。一、方法一1、在对应vue项目里添加插件vue add svg-sprite输入 Y2、再执行npm install svgo svgo-loader --save-dev然后你就会看到 自动新增 的根目录文件vue.config.js和src/components/SvgIcon.vue,如图：3、在main.js里注册SvgIcon组件//引入s
转载
2023-09-05 23:01:13
180阅读
1、安装 npm i element-ui -S 2、完整引入 其中，样式文件是单独引用的。 3、按需引入（需要借助babel-plugin-component） npm install babel-plugin-component -D 然后创建babel的配置文件 然后就可以按需引入了： 在引入 ...
转载
2021-10-23 21:54:00
423阅读
2评论
# 实现Vue引用jQuery的方法
## 引言
在使用Vue进行开发时，有时候需要使用到jQuery的功能来处理DOM操作或者其他一些特定的功能。本文将介绍如何在Vue项目中引用jQuery。
## 流程概览
下面是整个实现过程的流程概览：
```flowchart TD
subgraph "流程概览"
A(创建Vue项目)
B(引入jQuery)
原创
2024-01-25 07:29:03
105阅读
在使用Vue.js进行现代前端开发时，我们常常会遇到需要使用jQuery的场景。无论是为了操作DOM元素，还是为了处理一些特定的JavaScript库与插件，了解如何在Vue项目中引用jQuery显得尤为重要。在这篇文章中，我将详细描述如何在Vue中成功整合jQuery，包括必要的环境准备、集成步骤、配置详解等。让我们开始吧！
### 环境准备
在开始之前，确保你的开发环境已经设置好。你可以通
# 在Vue中使用Axios进行HTTP请求的教程
Axios 是一个流行的JavaScript库，用于发送HTTP请求。在Vue.js应用中使用Axios非常简单，下面将为你详细介绍如何在Vue项目中集成Axios，并发送请求。
## 流程概述
在开始之前，我们可以将整个过程分为以下几个步骤：
| 步骤 | 描述 |
| ---- | ----
原创
2024-08-14 05:28:20
50阅读
