icon 做成html形式,一段生成iconfont预览html的代码

var fs = require('fs')

var file = fs.readFileSync('./iconfont.css').toString();

var os = require('os')

var icons = file.split(os.EOL);

var getColor = function () {

return '#' + Math.random().toString(16).substr(-6);

}

var html = '' +

'' +

' +

' ' +

iconfont示例' +

'' +

for (var i = 0; i < icons.length; i++) {

var icon = icons[i];

if (icon.startsWith('.icon') && icon.includes(':')) {

var className = icon.split('.')[1].split(':')[0];

html += '';

if (i % 32 === 1) {

console.log(i);

html += '
'

console.log(className);

}

// console.log(className);

}

html += '

' var getColor = function () {\n' +

' return \'#\' + Math.random().toString(16).substr(-6);\n' +

' }\n' +

' var icons = document.getElementsByTagName(\'i\')\n' +

' for (var i = 0; i < icons.length; i++) {\n' +

' var icon = icons[i];\n' +

' icon.style.color = getColor()\n' +

' }\n' +

'' +

fs.writeFileSync('./examples.html', html)

使用 node file.js 执行

使用 node --inspect-brk=3000 file.js 进行测试

icon 做成html形式,一段生成iconfont预览html的代码相关推荐

织梦html不能生成,内容预览及生成HTML
1.内容预览.生成菜单内容预览及生成HTML都在主菜单的"生成"选项卡下的[HTML更新]处,如图一: 图一 2.内容生成分类后台可按如下种类进行生成HTML操作: 2-1 更 ...
PDF合同生成下载预览
调用freemaker配置类 @Autowired private FreeMarkerConfigurer freeMarkerConfigurer; 生成合同同时提交 @Reque ...
iOS开发，利用PanoramaGL生成360度全景预览图，附选择本地全景图片并生成全景预览...
前言初做全景项目,涉及到了360度全景展示(也可以是720度的旋转),查找了很多资料,很多都是用PanoramaGL这个库实现的,本人也踩了一下坑,下面我简单的总结一下. 初识PanoramaGL ...
thinkphp6 生成在线预览的pdf
1,安装tcpdf composer require tecnickcom/tcpdf 成功后vendor文件夹下会有tecnickcom文件夹 2,引入 use TCPDF; 3,使用 $pdf = ...
如何生成IStyleGalleryItem和ISymbol对象的预览图(转载)
http://blog.csdn.net/giselite/article/details/8451877 来看一下ArcMap的符号选择器: ArcMap的符号选择器都提供了符号的预览图,另一个预览 ...
制作生成IconFont
前言当设计稿有出现小图标时,如果以 img 或设置 background 等方法,图标会出现模糊状态,影响整体视觉.为了防止此类发生,推荐使用 IconFont. 一. IconFont特点图标清 ...
离线生成Iconfont
iconfont 就不多做解释了,懂的都明白~~ 之前项目里一直使用的阿里的iconfont,即阿里矢量图库. 本身也没啥问题,从上周开始,阿里服务器开始维护了,持续了一周也没恢复,影响我们生产了,工 ...
人大团队研究：面向文本生成，预训练模型进展梳理
作者 | 刘媛媛来源 | 数据实战派文本生成是 NLP 中最重要且颇具挑战性的任务之一.近年来,预训练语言模型 (Pretrained Language Models ,下文简称 "PL ...
【NLP】人大团队研究：面向文本生成，预训练模型进展梳理
文本生成是 NLP 中最重要且颇具挑战性的任务之一.近年来,预训练语言模型 (Pretrained Language Models ,下文简称 "PLM") 的范式,极大地推动了该 ...

icon 做成html形式,一段生成iconfont预览html的代码

icon 做成html形式,一段生成iconfont预览html的代码相关推荐

最新文章

热门文章