当前位置： 首页 > news >正文

【bugfix】如何解决svg到线上显示空白或者svg的viewBox为空

news 来源：原创 2024/5/17 15:15:12

svgo的默认机制是当width和height和viewbox一样会删除viewbox，这都是为了svg的压缩做的，详情可以看issue中的讨论，我们可以通过更改babel的配置来解决
https://github.com/svg/svgo/issues/1128
https://github.com/ant-design/ant-design-web3/pull/742/files

 extraBabelPlugins: [['inline-react-svg',{svgo: {plugins: [{name: 'preset-default',params: {overrides: {removeViewBox: false,},},},'removeDimensions','convertStyleToAttrs',],},},],'react-inline-svg-unique-id',],

相关文章：

  • 【群晖】白群晖如何公网访问
  • 试过了，ChatGPT确实不用注册就可以使用了！
  • 3. WiFi基本原理
  • js 中toLocaleString的用法
  • 设计模式之旅：工厂模式全方位解析
  • 【MySQL】多表查询全解-【多表关系/内外自连接/子查询/多表查询案例链接】（可cv代码＆案例演示）
  • QT子窗口关闭时自动释放及注意事项
  • VSCode好用插件
  • 手写简易操作系统(十一)--可编程中断控制器8259A
  • Vue-Electron配置及踩坑
  • 每日一题 第六十六期 洛谷 小朋友排队
  • Maven是什么？ Maven的概念+作用
  • 计算机网络-HTTP相关知识-RSA和ECDHE及优化
  • Unity类银河恶魔城学习记录11-15 p117 Ice and Fire item Effect源代码
  • 【详细介绍WebKit的结构】
  • 3.7、@ResponseBody 和 @RestController
  • Android Studio：GIT提交项目到远程仓库
  • AngularJS指令开发（1）——参数详解
  • Brief introduction of how to 'Call, Apply and Bind'
  • Laravel5.4 Queues队列学习
  • Python实现BT种子转化为磁力链接【实战】
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • WePY 在小程序性能调优上做出的探究
  • 短视频宝贝=慢？阿里巴巴工程师这样秒开短视频
  • 翻译 | 老司机带你秒懂内存管理 - 第一部（共三部）
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 使用Swoole加速Laravel(正式环境中)
  • 学习HTTP相关知识笔记
  • 要让cordova项目适配iphoneX + ios11.4，总共要几步？三步
  • 用Visual Studio开发以太坊智能合约
  • 关于Android全面屏虚拟导航栏的适配总结
  • #我与Java虚拟机的故事#连载06：收获颇多的经典之作
  • （2）(2.10) LTM telemetry
  • (delphi11最新学习资料) Object Pascal 学习笔记---第7章第3节（封装和窗体）
  • (Python) SOAP Web Service (HTTP POST)
  • （仿QQ聊天消息列表加载）wp7 listbox 列表项逐一加载的一种实现方式，以及加入渐显动画...
  • （附源码）php投票系统 毕业设计 121500
  • （附源码）计算机毕业设计SSM教师教学质量评价系统
  • （五）c52学习之旅-静态数码管
  • （转）es进行聚合操作时提示Fielddata is disabled on text fields by default
  • (转)shell中括号的特殊用法 linux if多条件判断
  • ******IT公司面试题汇总+优秀技术博客汇总
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程
  • ***监测系统的构建（chkrootkit ）
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .NET/C# 异常处理：写一个空的 try 块代码，而把重要代码写到 finally 中（Constrained Execution Regions）
  • .Net7 环境安装配置
  • .net专家（高海东的专栏）
  • @EnableAsync和@Async开始异步任务支持
  • [2019.3.5]BZOJ1934 [Shoi2007]Vote 善意的投票
  • [AutoSar]BSW_OS 01 priority ceiling protocol（PCP）
  • [C#]使用PaddleInference图片旋转四种角度检测
  • [C++]打开新世界的大门之C++入门
  • [C语言]编译和链接
  • [iOS]-UIKit