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阅读
近三年前的一篇旧文，虽然在浏览器和相关技术标准方面有过时之处，但总体上对概念的理解、开发的思路和代码样例仍然有参考价值。背景当Javascript被Netscape公司发明出来时，它被用来做一些琐细的事情，比如校验表单、计算日期、提示用户；随着Web的迅速发展，这种轻巧而灵活的语言被委以越来越多的任务，动态地修改页面内容，一致地处理事件，甚至无刷新地和服务器交互。然而，与传统的客户端编程相比，Ja
Android Studio是一款由谷歌开发的集成开发环境（IDE），用于开发Android应用程序。它提供了强大的功能，如代码自动补全、调试和测试工具等，是Android开发者必不可少的工具之一。在Android Studio中，我们可以使用SVG（可缩放矢量图形）来创建矢量图形，为我们的应用程序增添更加美观的效果。
SVG是一种基于XML的矢量图形格式，它可以无损地缩放和修改，而不会失真。与
原创
2023-12-21 09:31:31
30阅读
新手Android SVG矢量图动画进阶Android中svg实现的svg动画效果(超简单,在Android中除svg路径动画外，svg已经兼容到3.0以下,源代码已上传github)什么是SVGsvg概念SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形
转载
2024-09-02 11:27:07
40阅读
Java安全之jsf 反序列化前言偶遇一些奇葩环境，拿出来炒冷饭JSF简述JSF”指的是2004年发布的第一个版本的Java规范。这方面的许多实现规范存在。其中最常用的是Sun（现在的Oracle）发布的Mojarra和Apache发布的MyFacesJavaServerFaces（JSF）概念在几年前就已经引入，现在主要在J2EE中使用应用。它在web应用程序开发中最繁琐的部分之一：用户界面上添
现在我们可以安全地使用 SVG 图像，除非您有很多用户使用 IE8 以及更低版本，或者使用较旧的 Android 设备。这种情况下，依然存在着备选方案。 SVG 是一种 vector 图像文件格式。这使得它们与其他图像格式（如 PNG、GIF 或 JPG）有很大的不同，后者是光栅图像文件格式。 由于 SVG 图像是矢量图像，可以无限缩放，而且在图像质量下降方面没有任何问题。为什么会这样呢？因为
# 如何使用jQuery操作SVG
## 介绍
Scalable Vector Graphics（可伸缩矢量图形，简称SVG）是一种基于XML的图像格式，用于描述二维矢量图形。在Web开发中，SVG广泛应用于图标、图表和动画等领域。jQuery是一个流行的JavaScript库，它提供了强大的选择器和操作方法，可以简化DOM操作。本文将介绍如何使用jQuery操作SVG图形。
## 需求
原创
2024-01-25 13:55:53
79阅读
vue3使用svg图标
原创
精选
2024-10-18 14:10:05
655阅读
###写在前面 ####Google在Android 5.X中提供了两个新API来帮助支持SVG:VectorDrawableAnimatedVectorDrawable ###什么是SVG：SVG (Scalable Vector Graphics, 可伸缩矢量图形) 是W3C 推出的一种开放标准的文本式矢量图形描述语言,他是基于XML的、专门为网络而设计的图像格式，SVG是一种采用XML来描述
转载
2023-07-17 17:44:49
308阅读
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 install svg-sprite-loader --save-dev 2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) Read More
转载
2019-07-23 18:38:00
401阅读
使用vite搭建的vue3.0 ts项目中使用svg图标方法：1，安装 vite-plugin-svg-icons npm i vite-plugin-svg-icons -D 2，vite.config.ts 中的配置插件 import { defineConfig } from 'vite' i ...
转载
2021-09-18 13:55:00
615阅读
2评论
1我们在vue中使用图片大概有以下几种姿势1 在vue的template中 引用 属于静态引用 一般不会有什么问题2 在vue的css中 引用 background: url(../../../assets/imgs/close.png) 0 0 no-repeat; 属于静态引用 一般不会有什么问题3 在template中动态引用 那么，vue/webpack 中的图片到底是如
转载
2024-09-18 11:13:53
66阅读
1.代码 1 2 3 4 5 万能的React 6 7 8 9 10 39 40 2.运行结果
转载
2015-12-25 21:22:00
119阅读
2评论
# 在 Android 中使用 SVG 的指南
SVG（可缩放矢量图形）是一种基于 XML 的图形格式，能够以任何分辨率显示图像而不会失真。因此，在 Android 开发中，合理使用 SVG 图形能显著提高应用的视觉体验。本文将探讨如何在 Android 项目中使用 SVG，并通过实际示例来解决一个具体问题。
## 实际问题
假设我们想在应用中使用 SVG 图标来替换一些 PNG 图像，目的
原创
2024-09-08 06:24:16
236阅读
前言： 服务端渲染，简明的说就是在服务端获取数据并进行解析渲染，直接生成html片段返回给浏览器。 优缺点： 服务端渲染能解决的问题： 1.SEO问题，前端动态渲染的内容是不能被搜索蜘蛛抓取的。2.首屏加载过程慢。SPA在初始化首屏的时候需要加载所有的资源，这也是使用服务端渲染能折中解决的问题。 服务端渲染的缺点：1.增加服务器的压力。 2.同构似乎对前后
转载
2024-02-04 10:43:43
41阅读
# Android中如何使用SVG图片
## 引言
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，它可以实现图形的无损放大和缩小，使得在不同分辨率的设备上都能保持图像的清晰度。在Android应用程序中使用SVG图片，可以避免在不同分辨率设备上出现模糊或失真的情况。本文将介绍如何在Android中使用SVG图片，并提供一些示例代码。
## 为什么要使
原创
2023-09-23 11:59:07
68阅读
