meet

xMidYMid meet (默认情况): 400 / 200 = 2 , 放大两倍

viewBox放大两倍后，w=400，h=200，在svgBox 里面，因此，xMidYMid控制了viewBox 的位置，两个盒子中线对齐。

这里viewBox裁剪以外的区域也会展示。

slice

xMidYMid slice: 300 /100 =3倍

viewBox放大后，svgBox 比viewBox小，因此，xMidYMid控制了svgBox的位置，两个盒子中线对齐

preserveAspectRatio 的对象是viewBox最初裁剪的图像。

meet 和slice 可能会导致放大后viewBox比svgBox 大，此时也按对齐方式对齐即可。

附：

根据官网，此属性还可以用在其他svg元素上。

聚杰微纤跌2.04%，成交额1... 7月4日，聚杰微纤盘中下跌2.04%，截至09:41，报22.54元/股，成交1181.05万元，换...

通达创智跌2.02%，成交额6... 7月4日，通达创智盘中下跌2.02%，截至09:41，报23.26元/股，成交618.51万元，换手...

红星发展跌2.00%，成交额5... 7月4日，红星发展盘中下跌2.00%，截至09:41，报15.17元/股，成交5401.55万元，换...

江河集团涨2.08%，成交额3... 7月4日，江河集团盘中上涨2.08%，截至09:40，报6.38元/股，成交3398.78万元，换手...

多家机场提供充电宝暂存服务不... 转自：证券时报人民财讯7月4日电，近期，民航局发布关于旅客携带充电宝乘机的通知要求。目前，全国各大机...

粤桂股份跌2.10%，成交额4... 7月4日，粤桂股份盘中下跌2.10%，截至09:41，报12.12元/股，成交4595.60万元，换...

同有科技跌2.15%，成交额3... 7月4日，同有科技盘中下跌2.15%，截至09:41，报15.44元/股，成交3510.60万元，换...

新强联涨2.02%，成交额36... 7月4日，新强联盘中上涨2.02%，截至09:37，报35.91元/股，成交3623.49万元，换手...

立新能源涨2.07%，成交额2... 7月4日，立新能源盘中上涨2.07%，截至09:37，报7.41元/股，成交2824.84万元，换手...

红利低波动100ETF基金（5... 7月4日，红利低波动100ETF基金（560520）开盘跌0.09%，报1.093元。红利低波动10...