1、需要用到庫mockjs

yarn add mockjs

2、引入

const Random = require('mockjs').Random;

3、生成一張圖片

Random.image('200x100');

返回結果是url格式：http://dummyimage.com/200x100
4、主要的配置參數

Random.image( size?, background?, foreground?, format?, text? ) // Random.image() Random.image() // Random.image( size ) Random.image('200x100') // Random.image( size, background ) Random.image('200x100', '#FF6600') // Random.image( size, background, text ) Random.image('200x100', '#4A7BF7', 'Hello') // Random.image( size, background, foreground, text ) Random.image('200x100', '#50B347', '#FFF', 'Mock.js') // Random.image( size, background, foreground, format, text ) Random.image('200x100', '#894FC4', '#FFF', 'png', '!')

總結

以上是生活随笔為你收集整理的mock 生成在线图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。