美文网首页
一段生成iconfont预览html的代码

一段生成iconfont预览html的代码

作者: 摩卡奇 | 来源:发表于2020-03-07 20:12 被阅读0次
    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 = '<!DOCTYPE html>' +
        '<html lang="en">' +
        '<head>' +
        '    <meta charset="UTF-8">' +
        '    <title>iconfont示例</title>' +
        '<link rel="stylesheet" href="./iconfont.css">' +
        '<style>.iconfont{font-size: 44px;height: 44px;width: 44px;margin: 4px;}</style>' +
        '</head>' +
        '<body>';
    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 += '<i class="iconfont ' + className + '"></i>';
            if (i % 32 === 1) {
                console.log(i);
                html += '<br />'
                console.log(className);
            }
            // console.log(className);
        }
    }
    html += '<script>\n' +
        '    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' +
        '</script></body>' +
        '</html>'
     
    fs.writeFileSync('./examples.html', html)
    

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

    相关文章

      网友评论

          本文标题:一段生成iconfont预览html的代码

          本文链接:https://www.haomeiwen.com/subject/pubhdhtx.html