Mock.js

外观

Image ​

image ​

  • 语法：

    js
    Random.image()
Random.image(size)
Random.image(size, background)
Random.image(size, background, text)
Random.image(size, background, foreground, text)
Random.image(size, background, foreground, format, text)

  • 详情：

    生成一个随机的图片地址。

    注意

    Random.image() 用于生成高度自定义的图片地址。一般情况下，应该使用更简单的 Random.dataImage()。

  • 参数：

    • size

      可选。

      指示图片的宽高，格式化为 宽 x 高。默认从下面的数组中随机读取一个：

      js
      [
  '300x250', '250x250', '240x400', '336x280',
  '180x150', '720x300', '468x60', '234x60',
  '88x31', '120x90', '120x60', '120x240',
  '125x125', '728x90', '160x600', '120x600',
  '300x600'
]

    • text

      可选。

      指示图片上的文字。默认值为参数 size。

    • background

      可选。

      指示图片的背景色。默认值为 #000000。

    • foreground

      可选。

      指示图片的格式。包括 png、git、jpg，默认值为 png。

  • 示例：

    js
    // Random.image(size, background, foreground, format, text)
Random.image('200x100', '#FF6600', '#FFF', 'jpg', 'Mock.js')
Mock.mock("@IMAGE('200x100', '#FF6600', '#FFF', 'jpg', 'Mock.js')")

dataImage ​

  • 语法：

    js
    Random.dataImage()
Random.dataImage(size)
Random.dataImage(size, text)

  • 详情：

    生成一段随机的 Base64 图片编码。

    注意

    如果需要生成高度自定义的图片，请使用 Random.image()。

  • 参数：

    size 和 text 参数的用法与 Random.image() 相同。

    注意

    图片的背景色是随机的，取值范围参考 https://brandcolors.net/。

  • 示例：

    js
    // Random.dataImage(size, text)
Random.dataImage('200x100', 'Hello Mock.js!')
Mock.mock("@DATAIMAGE('200x100', 'Hello Mock.js!')")
    dataImage