当前位置: 首页 > 知识库问答 >
问题:

修改大小(减少)材质UI SVG-SVG。木瓜根

吕修筠
2023-03-14

我想知道是否可以修改SVG的“容器”。

我认为那个“容器”实际上是SVG本身,所以如果我修改(减少)它,箭头也会收缩。

我知道如何修改SVG的大小,但我需要的是减小“容器”大小,同时保持蓝色箭头的大小不变。

我试过:

 <ArrowDropUpIcon className={classes.arrowIcon} />

其中:箭头图标:{宽度:10,高度:10}

但这缩小了图标(见第二张照片)

共有1个答案

云丰
2023-03-14

定制viewBox道具是缩放svg的解决方案。

<代码>

例如,如果SVG元素是500(宽)乘200(高),并且您传递viewBox=“0 0 50 20”,这意味着SVG内的坐标将从左上角(0,0)到右下角(50,20),每个单元的值为10px。

来源:官方材料用户界面文档

参考文献:
1。关于SVG viewBox属性
的MDN文档2。一篇关于如何扩展svg的文章

 类似资料:
  • 问题内容: 我们将Java 6 JRE与我们的应用程序安装程序捆绑在一起,以便可以在任何计算机上运行,​​但这会使应用程序变得更重。因此,我们计划减小JRE的大小。如果有人完成了此类任务,您能否提供指导以继续前进? 问题答案: 查看JRE目录中的README文件。“可选文件和目录”部分列出了一些文件(如果将它们与应用程序打包在一起,可以从Oracle / Sun JRE中删除)。 创建安装时,我使

  • 我有一个应用程序,它使用大量的内存来区分两个潜在的巨大(100k)目录的内容。对我来说,这样的操作会占用大量内存是有道理的,但是一旦我的 diff'ing 操作完成,堆的大小就会保持不变。 我基本上有实例化类的代码,用于存储源和目标上每个文件的文件名、文件大小、路径和修改日期。我将添加、删除和更新保存在其他数组中。然后,我我的源数组和目标数组(现在可能每个都是100k),只剩下相对较小的添加、删除

  • 问题内容: 我有一个超过40MB的简单tomcat pyinstaller exe。 我的exe示例: 40MB +似乎有点矫kill过正。 如何尽可能减少这种情况? 一种方法: 但是考虑到排除列表的大小,这是不切实际的。 如何为pyinstaller选择一个文件夹,以从中获取模块并排除其他所有内容,所以我的应用程序可能很小? 规格文件: 这也值得一提。默认情况下,Pyinstaller不会检测到

  • 问题内容: 有什么办法可以减少jar文件的大小? 我想要一个减少未使用依赖性的工具。 我使用Maven进行依赖管理。 问题答案: 从Maven的角度来看,JAR文件通常不包含依赖项。因此,您必须在谈论: WAR或EAR或类似文件, 通过合并大量JAR文件而产生的所谓的UberJAR文件;例如使用Maven阴影插件,或 依赖比Maven模块更精细。 在前两种情况下,可以通过在依赖关系规范或war或s

  • 有人能告诉我如何减少apk的尺寸吗<一些主要贡献者是班级。dex(3MB)、Dart AOT符号(6MB)和观众网络。dex(1MB) 使用本机android的应用程序只需4-5MB即可构建 以下是--Analysis-size的结果。 C:\Users\arunc\AndroidStudioProjects\bonaza res/ META-INF/ 资产/ 科特林/ AndroidManife

  • 我正在尝试应用自定义css到材料UI自动完成组件。具体地说,我想改变输入字段的字体大小。我现在有的是: 我相信我的TextField的样式是正确的,但是它的CSS被自动完成CSS覆盖了。感谢任何帮助。提前道谢。