<think>
我们被要求调整SVG图像的尺寸为宽度9
0和高度9
0。在SVG中，可以通过修改根<svg>元素的width和height属性来实现。
注意：用户提供的SVG代码中已经有一个viewBox属性（viewBox
="
0 0 922
.53 156
.58"），这表示视口坐标系。调整大小时，我们通常保留viewBox以保证图形比例，仅修改width和height。
因此，步骤是：
1
. 将<svg>元素的width属性设置为"9
0"（或者9
0px，但单位可以省略，在SVG中默认是像素）。
2
. 将height属性设置为"9
0"。
另外，注意用户提供的SVG代码被截断了，但我们只需要修改开头的<svg>标签。
原始SVG开头为：
<svg id
="Layer_1" xmlns
="http://www
.w3
.org/2
000/svg" viewBox
="
0 0 922
.53 156
.58">
修改后：
<svg id
="Layer_1" xmlns
="http://www
.w3
.org/2
000/svg" viewBox
="
0 0 922
.53 156
.58" width
="9
0" height
="9
0">
但是，由于原始viewBox的宽高比（约为922
.53:156
.58）与9
0:9
0（即1:1）不同，这样设置会导致图形被拉伸。如果我们希望保持图形比例，通常有两种方法：
方法1：只设置宽度或高度，另一个由viewBox的宽高比自动决定。但用户要求宽高都是9
0，所以这样可能会变形。
方法2：保持viewBox，并且设置width
="9
0"和height
="9
0"，同时设置preserveAspectRatio属性来控制如何适应。如果不设置preserveAspectRatio，默认会居中并按比例缩放（即保持宽高比，上下或左右留白）。
由于用户要求尺寸为9
0x9
0，我们可能希望图形完全适应这个区域（可能会变形），或者保持比例（会留白）。根据常见的需求，通常我们希望保持比例，所以使用默认的preserveAspectRatio即可（即居中保持比例缩放）。因此，我们只需要添加width和height，不需要额外设置preserveAspectRatio（因为默认行为就是保持比例）。
但是，如果用户希望图形填满整个9
0x9
0区域（可能会变形），那么我们就直接设置width和height即可，不需要其他属性。
由于问题中没有明确是否保持比例，但通常调整尺寸为正方形而原图不是正方形时，我们更倾向于保持比例。不过，用户的要求是“将图像大小转为width:9
0,height:9
0”，这可以理解为将整个SVG画布设置为9
0x9
0，图形按viewBox的比例缩放。所以，按照要求，我们直接修改width和height。
注意：原始viewBox的宽度是922
.53，高度是156
.58，宽高比约为5
.9:1，所以如果设置为9
0x9
0，图形会变得非常扁（因为高度被拉伸很多）。所以，如果用户希望图形不被拉伸，可能需要考虑改变viewBox或者只设置一个维度（例如只设置宽度为9
0，高度自动计算）。但是，用户明确要求宽高都是9
0。
因此，我们必须按照用户要求设置宽高为9
0。如果用户希望保持比例，可以在9
0x9
0的区域内显示完整的图形（带留白），那么我们可以通过设置preserveAspectRatio
="xMidYMid meet"（这是默认值，所以可以不设置）来实现。这样，图形会按比例缩放，直到完全适应9
0x9
0区域的一边，另一边留白。
综上所述，我们修改SVG标签，添加width
="9
0"和height
="9
0"，保留viewBox，并且不改变preserveAspectRatio（即使用默认的居中保持比例）。
修改后的SVG代码开头如下：
<svg id
="Layer_1" xmlns
="http://www
.w3
.org/2
000/svg" viewBox
="
0 0 922
.53 156
.58" width
="9
0" height
="9
0">
但是，由于原始图形宽高比很大，在9
0x9
0的正方形中，图形会显示得很小（高度方向只有大约15像素，因为156
.58/922
.53*9
0≈15
.2），左右会有大量留白。
如果用户希望图形充满整个9
0x9
0区域（即使变形），那么我们就直接设置width和height，不需要其他操作。
由于用户没有说明是否允许变形，按照常规理解（保持比例）修改即可。所以，我们采用上述修改。
注意：用户提供的代码很长，我们只修改开头的<svg>标签，其他内容保持不变。
另外，用户提供的引用中并没有直接相关的信息，但引用[2]中有一个SVG示例，其中设置了width和height属性，可以作为参考。
因此，我们给出修改后的SVG代码（只修改了<svg>标签，添加了width和height属性）：
</think>
要将给定的SVG图像尺寸调整为宽度9
0、高度9
0，请直接在`<svg>`标签中修改`width`和`height`属性值。修改后的代码如下：
```xml
<?xml version
="1
.0" encoding
="UTF
-8"?>
<svg id
="Layer_1" xmlns
="http://www
.w3
.org/2
000/svg" viewBox
="
0 0 922
.53 156
.58" width
="9
0" height
="9
0">
<!
-- 其余内容保持不变
-->
<defs>
...</defs>
<path class
="cls
-1" d
="m238,3
4.56c
..."/>
<path class
="cls
-1" d
="m3
......"/>
</svg>
```
### 关键修改说明：
1
. **添加尺寸属性**：在`<svg>`标签中显式添加：
```xml
width
="9
0" height
="9
0"
```
2
. **保留`viewBox`**：保持原始`viewBox
="
0 0 922
.53 156
.58"`不变，确保图形比例正确[^
4]。
### 注意事项：
- 原始图形的宽高比约为 `922
.53 : 156
.58 ≈ 5
.9:1`，而目标尺寸是 `1:1` 的正方形，显示时**两侧会出现留白**（默认居中对齐）
- 若需完全填充正方形区域（可能变形），可添加：
```xml
preserveAspectRatio
="none"
```
### 其他调整方式：
通过外部容器控制尺寸（HTML示例）：
```html
<div style
="width:9
0px; height:9
0px">
<svg viewBox
="
0 0 922
.53 156
.58">
...</svg>
</div>
```
---
### 相关问题
1
. 如何保持SVG比例不变的情况下适配不同容器尺寸？
2
. 修改SVG尺寸后图形模糊怎么办？
3
. 除了直接修改属性，还有哪些方法可以缩放SVG图像？
4. 如何让SVG在不失真的情况下填充整个矩形区域？
[^
4]: SVG In HTML5 Pages。IE 9
.0+ Firefox 3
.6
.0+Chrome 8
.0+Safari 5
.1+Opera 11
.0+iOS Safari 3
.2+ Opera Mini 5
.0 +Android Browser 3
.0+Blackberry Browser 7
.0+
GitCode
超级会员免费看
订阅专栏 解锁全文
扫一扫
1254
公安备案号11010502030143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
