小程序
小游戏
企业微信
微信支付
扫描小程序码分享
尝试 svg 的时候,发现 svg 保持了纵横比,没有填满宽度,修改 mode 也无效,换其它图片格式的话 mode 是有起效的。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<?
xml
version
=
"1.0"
encoding
"UTF-8"
?>
<
svg
width
"750px"
height
"560px"
viewBox
"0 0 750 560"
"1.1"
xmlns
"http://www.w3.org/2000/svg"
xmlns:xlink
"http://www.w3.org/1999/xlink"
>
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
title
>两列</
desc
>Created with Sketch.</
g
id
"两列"
stroke
"none"
stroke-width
"1"
fill
fill-rule
"evenodd"
rect
"#FFFFFF"
x
"0"
y
"750"
"560"
></
polygon
"矩形"
"#F0F0F0"
"nonzero"
points
"20 10 370.649351 10 370.649351 550 20 550"
"矩形-copy"
"380 10 730.649351 10 730.649351 550 380 550"
</
这是那个 svg,在小程序 IDE 里,image 有样式宽高 100%,父容器的宽高比大于 svg 的宽高比,然后 svg 填满了高度,但没填满宽度,保持了纵横比,可以一试
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
回复信息请在评论下回复,问题未解决的话,重新提供下信息,按照格式要求来提供下
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<?
xml
version
=
"1.0"
encoding
=
"UTF-8"
?>
<
svg
width
=
"750px"
height
=
"560px"
viewBox
=
"0 0 750 560"
version
=
"1.1"
xmlns
=
"http://www.w3.org/2000/svg"
xmlns:xlink
=
"http://www.w3.org/1999/xlink"
>
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<
title
>两列</
title
>
<
desc
>Created with Sketch.</
desc
>
<
g
id
=
"两列"
stroke
=
"none"
stroke-width
=
"1"
fill
=
"none"
fill-rule
=
"evenodd"
>
<
rect
fill
=
"#FFFFFF"
x
=
"0"
y
=
"0"
width
=
"750"
height
=
"560"
></
rect
>
<
polygon
id
=
"矩形"
fill
=
"#F0F0F0"
fill-rule
=
"nonzero"
points
=
"20 10 370.649351 10 370.649351 550 20 550"
></
polygon
>
<
polygon
id
=
"矩形-copy"
fill
=
"#F0F0F0"
fill-rule
=
"nonzero"
points
=
"380 10 730.649351 10 730.649351 550 380 550"
></
polygon
>
</
g
>
</
svg
>
这是那个 svg,在小程序 IDE 里,image 有样式宽高 100%,父容器的宽高比大于 svg 的宽高比,然后 svg 填满了高度,但没填满宽度,保持了纵横比,可以一试
回复信息请在评论下回复,问题未解决的话,重新提供下信息,按照格式要求来提供下
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)