微信小程序如何将图片弄到页面上

微信小程序中将图片显示在页面上，可以使用`<image>`标签或`<cover-image>`标签。具体步骤如下：

1. 在小程序的wxml文件中，使用`<image>`标签或`<cover-image>`标签来引入图片，例如：

<image src="/images/avatar.png"></image>

或者

<cover-image src="/images/avatar.png"></cover-image>

其中，`src`属性指定图片的路径。

2. 如果需要给图片设置样式，可以使用`<image>`标签或`<cover-image>`标签的style属性，例如：

<image src="/images/avatar.png" style="width: 100px; height: 100px;"></image>

或者

<cover-image src="/images/avatar.png" style="width: 100px; height: 100px;"></cover-image>

其中，style属性中的样式规则可以按照CSS的语法来设置。

3. 如果需要在小程序中动态显示图片，可以使用小程序的数据绑定语法，例如：

<image src="{{avatarUrl}}"></image>

其中，`avatarUrl`是一个变量，可以在小程序的js文件中定义和修改。

以上就是在微信小程序中将图片显示在页面上的基本步骤。

相关问题

微信小程序开发朋友圈怎么弄

根据提供的引用内容，微信小程序只支持分享给朋友或者群，不支持分享到朋友圈。但是可以通过以下步骤实现微信小程序开发朋友圈：

1.使用canvas将小程序页面转换为图片。
2.使用wx.saveImageToPhotosAlbum()将图片保存到相册。
3.使用wx.showModal()弹出提示框，提示用户图片已保存到相册。

以下是示例代码：

// 将小程序页面转换为图片
wx.canvasToTempFilePath({
  x: 0,
  y: 0,
  width: 375,
  height: 667,
  destWidth: 750,
  destHeight: 1334,
  canvasId: 'myCanvas',
  success: function(res) {
    // 将图片保存到相册
    wx.saveImageToPhotosAlbum({
      filePath: res.tempFilePath,
      success: function(res) {
        // 弹出提示框
        wx.showModal({
          title: '提示',
          content: '图片已保存到相册',
          showCancel: false
        })
      },
      fail: function(res) {
        console.log(res)
      }
    })
  },
  fail: function(res) {
    console.log(res)
  }
})