一般我们在做管理后台系统时,会增加很多小工具,方便客户的使用,提升后台功能的强大。比如,我们需要为一个金融行业而做的后台,是不是需要一个,类似信用卡的图片,方便用户知道他都绑定了哪些卡片? 我们不能让用户上传卡片的图片,基本上只要输入卡号和姓名等,然后生成一个卡片图。
基于以上的分析需求,我们来看下边的这个图片:
在线生成信用卡
看上图,是不是和我们的需求很接近。那么我们就来推荐一款这样的插件:card.js。
那么什么是card.js呢?
它是一个通过纯css、html、javascript来生成信用卡在线编辑生成的库,它不依赖jQuery,你只需要引入card.js即可。它没有图片的要求,css生成即可。
那么怎么用card.js呢?(使用方法,一般都是图片来表示,特此声明)
首先,你需要到github上搜索card,然后引入到页面,接着如下图,配置使用选项。
使用card.js的方法
对于配置,可能有些复杂,不过用一次就明了的,大家可以试一下。
一个完整的使用例子
上边是一个完整的使用例子,可以应用到多个元素上。
至此,就介绍完这个小工具了,有需求的,不妨用一下。有什么问题,也欢迎评论来共同讨论。
此图来自网络
听说,我们,每篇文章结尾,都有“惊喜”哟。也欢迎点赞、转发、收藏、评论。