【快速文档】image标签，小程序中的引入图片

重要参数

src 填写图片地址，非常重要，没有图片地址就没有图片

mode 图片模式

1，widthFix，宽度不变，高度自适应，总体保持宽高比不变

2，heightFix，高度不变，宽度自适应，总体保持宽高比不变

3，aspectFit，按照图片的长边进行缩放，保证整个图片最终可以显示

4，aspectFill，按照图片的短边进行缩放，只保证短边可以显示

5，scaleToFill，不进行缩放，随便拉伸，填满为止

lazy-load 懒加载，就是距离这个图片还很远就先不加载，提高性能

show-menu-by-longpress 长按图片可以保存图片

binderror 绑定错误

bindload 绑定加载完成

注意事项

1， 图片模式太多了，不纠结的话，就主要用第一个，也就是widthFix，一般最好用，其他的，不行就都试一试，没有必要去理解它到底是干什么的。

2，懒加载你需要拖动刷新的话，可能有点用，图片不多没用

3，不能扫码怎么办，那你就让长按保存图片，然后让用保存的图片扫码就行了。其实，截图了以后再扫码也差不多。

4，特别强调：小程序中的图片标签是image，不是img，如果你还没习惯使用image很可能错误的写成img，然后就会发现没效果。

5，特别强调2：image的图片标签，本来是一个可以单标签解决的事情，但是傲慢的小程序设计人员认为，每个标签都应该闭合，不允许使用未闭合标签，所以image一般也要写两个，包括一个闭合的</image>，实际上这个没用。

6，特别强调3：image标签填写的是src，navigator标签填写的是url，不要弄混了，如果搞错了，在这里使用url的话，会导致图片不好用。

简单使用

图片标签也没什么困难的，所以，我们只强调一个最重要的点

<!-- 只有一个单标签，这样是不行的，无法通过 -->
<image src="/这里填写的是/图片的地址/哈哈哈哈">

<!-- 常规的双标签，可以 -->
<image src="/这里填写的是/图片的地址/哈哈哈哈"></image>

<!-- 特殊写法的闭合标签，可以 -->
<image src="/这里填写的是/图片的地址/哈哈哈哈" />

<!-- 在两个标签里面写字，可以，但是没什么用 -->
<image src="/这里填写的是/图片的地址/哈哈哈哈">你好啊</image>

因此，我们可以得到一个非常重要的信息，只要你的标签是闭合的，就可以，至于是怎么闭合的，这不重要。

<image src="/这里是可以长按保存的图片/哈哈哈哈" show-menu-by-longpress></image>

如之前重要参数中已经提到过的，只要加上show-menu-by-longpress，就可以长按保存了。

回到小程序快速文档-吴茗