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 生成在线图片相关推荐

  1. 生成在线图片地址,用于测试

    有时候找图片很烦? 有时候找指定大小? 有时候找指定背景色? 有时候有需要插入一点内容进行区分? 去吧,填充到数据库,进行模拟是最佳选择. https://placeholder.pics/svg/8 ...

  2. 微信对话在线图片生成

    生成jq 文件 html2canvas.js 利用这个就可以在线截图功能,这个在手机版好像不成功! 有人弄过的话在评论下留下解决方案吧! 谢啦!!!! 最近用 此方法为客户做了个 没有用到php等程序 ...

  3. 网上在线图片处理(彩字生成大全)

    http://www.55.la/ http://www.ico.la/ ico图标 http://www.makepic.com/   图片制造 打造个性签名 拒绝垃圾邮件 生成个性印章 http: ...

  4. 如何在线生成字体图片?怎样进行艺术字体设计?

    在进行图片设计的时候,图片上肯定会有一些文字,这些问题都需要进行设计处理,但是字体要怎样设计才能更好看呢?这里不说色彩.形状.空间感等等需要有很多设计经验的东西,如果你此刻正在为如何设计字体而发愁,那 ...

  5. 三个在线生成.ico图片的网站

    三个在线生成".ico"图片的网站 很多人都有为做一个"ico"图片文件而痛苦过.很多所谓的制作和转换成ico的软件其实都很烂,而且很复杂.今天就介绍三个在线生 ...

  6. 用python动态演示照片立方体_3分钟在线演示用 python 生成分形图片

    大家好!欢迎来到我们第二期的代码滤镜.不关心实现细节,每天一个炫酷好玩儿的项目演示,激发编程兴趣,扩展技术视野.今天的实验主题是 使用 Python3 生成分形图片. 效果图: 分形树(Fractal ...

  7. asp.net中上传图片并生成小图片,自动添加水印的代码 .

    asp.net中上传图片并生成小图片,自动添加水印的代码 分类: .Net(C#) 2010-03-22 15:28 242人阅读 评论(0) 收藏 举报 /// 上传图片生成缩略图及水印 (来自:h ...

  8. 在线图片水平/垂直均等切割工具

    在线图片水平/垂直均等切割工具 在线图片水平/垂直均等切割工具 工具支持将图片从水平或垂直方向均等切割生成若干小图片,设置垂直或水平切割的数量后再选择图像即可完成图像切割,支持图像块打包批量下载. 可 ...

  9. qt 批量裁剪图片_照片变素描,不用下载App,好用的在线图片处理及图库

    我们要处理图片时,无论是在电脑还是手机上,往往都需要下载软件,但如果你只是临时用一下的话,下载软件难免显得工程有点浩大.下面就推荐几个图片处理网站,打开网页就能用. 1.图片处理 funny.pho. ...

最新文章

  1. 资源 | 李沐等人开源中文书《动手学深度学习》预览版上线
  2. vs2012编译使用lua 5.2静态库
  3. 【Jmeter篇】jmeter+Ant+Jenkins实现自动化测试集成(一)
  4. statsmodels学习——使用多元回归拟合数据
  5. voc数据集转换为txt
  6. CPU 100% 异常排查实践与总结
  7. python安装grpcio的心路历程
  8. 支持向量回归(Support Vector Regression)
  9. thinkpad 自带软件的设置
  10. android即时通信表情特效,微信英文代码表情特效-微信英文代码表情翻译特效大全v1.0 安卓版预约_飞翔下载...
  11. excel行列互换_Excel中选择性粘贴的5种用法,别再仅仅复制-粘贴了
  12. Python——QQ/微信 邮件 群发技术实现
  13. 即时通讯开发,聊天软件搭建
  14. BAT文件执行输出中文乱码
  15. 网络与信息安全顶级期刊与会议
  16. 腾讯云TCA开发工程师认证考试
  17. JavaScript - 语言提高
  18. Algorithm:数学建模大赛(CUMCM/NPMCM)之NPMCM全国研究生数学建模竞赛(NPMCM)历年试题集合、试题库、学习网站推荐之详细攻略
  19. DB查询分析器7.01新增的周、月SQL执行计划功能
  20. 抖音怎么注销账号?操作流程步骤有哪些?

热门文章

  1. [css] 请说说CSS3实现文本效果的属性有哪些?
  2. [js] js循环中调用异步的方法,如何确保执行结果的顺序是正确的?
  3. 前端学习(2634):修改webstrom颜色
  4. 前端学习(2564):如何触发组件的更新
  5. 前端学习(1133):正则表达式概述
  6. java学习(80):GULqq界面
  7. elasticsearch简介(大数据技术)
  8. STM32F4 使用STLink 和 EventRecoder 调试运行时间
  9. 树莓派SSH 连接不上:socket error Event:32 Error:10053
  10. Linux epoll的用法