小编Blu*_*vag的帖子

我目前正在制作一个大型 svg 精灵。不同的图像始终相距 2000 像素。

我所拥有的是：

<g transform="translate(0,0)">
<g transform="translate(0,2000)">
<g transform="translate(0,4000)">

在正则表达式想要这个之后，只需将 2000 添加到第二个数字上：

<g transform="translate(0,2000)">
<g transform="translate(0,4000)">
<g transform="translate(0,6000)">

我现在遇到的问题是，一些新图像必须放在文档的顶部，这意味着我需要更改所有数字，而且它们相当多。

我正在考虑使用正则表达式，甚至发现它可以在 VS Code 的搜索栏中使用。问题是我从未使用过任何正则表达式，我有点困惑。

有人能给我一个解决方案并解释一下将所有样本数增加 2000 吗？我希望我之后能理解它，这样我就可以涉足这个话题了。我也很高兴只提供一般教程或我的特定用例的链接。

非常感谢 ：）

你好，我拼命地试图在反应中调整 svg 的大小。无论我做什么，大小都保持不变，即使包含它的 div 小得多。在普通的 html 和 css 中，它会自动调整大小我做错了什么？

import React, { Component } from 'react';
import logo from './logo.svg'

class Logo extends Component {
    render(){
        return(
            <div className="size">
            <img src={logo} alt={"logo"}/> 
            </div>
        );
    }
}

export default Logo

svg 部分

 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
        <g transform="translate(0,0)">
        <title>Logo</title>
        <path fill="#009FE3" d="M36.9 707.8H1747V1000H36.9"/>
        <path d="M385 104.1h1.7l138.7 503.5h86.3L771.6.1h-90.5L567.7 494.2H566L429.8.1h-89.7L203.9 494.2h-1.7L88.8.1H0l158.3 607.5h86.2m889.6-119.4c-16.2 22.1-35.4 38.8-57.7 50.3-22.3 11.5-47 17.3-74.2 17.3-12 .2-26.4-2.9-43.3-9.2-16.9-6.3-31.9-16.8-45-31.5-13.1-14.7-20-34.7-20.8-59.9.3-31.5 9.5-56.9 27.6-76.1 18.1-19.2 43.6-38.7 76.4-58.3l137 167.4zm-110.9-252.1c-12.5-11.9-25.4-27.4-38.6-46.5-13.2-19.1-20.4-38.8-21.5-59.2-.3-7.2 1.2-15.9 4.5-26.1 3.3-10.2 10.1-19.3 20.3-27.3 10.2-8 25.6-12.1 …