亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Excel快速批量導(dǎo)入生產(chǎn)Cavns并生成圖片下載到本地

SillyMonkey / 2630人閱讀

摘要：然后封面就一個(gè)一個(gè)下啦是不是很方便具體源代碼在上有用的話記得星星

有時(shí)候會(huì)有這樣的需求吧

有一個(gè)表格里面有一批數(shù)據(jù)需要批量生成封面
我們?cè)跒g覽器里可以批量生成
比如

我們有這樣一個(gè)表格需要生成圖書(shū)封面

有三千多本書(shū)的話該怎么生成

我們就可以這樣做

$.ajax({
        url: "ssss.csv",
        dataType: "text"
    }).done(successFunction);
function successFunction(data) {
        var allRows = data.split(/
?
|
/);
        var table = "";
        for (var singleRow = 0; singleRow < 10; singleRow++) {
            if (singleRow === 0) {
                table += "";
                table += "";
            } else {
                table += "";
            }
            var rowCells = allRows[singleRow].split(",");
            var m = {
                a: rowCells[0],
                b: rowCells[1],
                c: rowCells[2],
                d: rowCells[3]
            }
            book.push(m)
            for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
                if (singleRow === 0) {
                    table += "";
                } else {
                    table += "";
                }
            }
            if (singleRow === 0) {
                table += "";
                table += "";
                table += "";
            } else {
                table += "";
            }
        }
        table += "";
        table += "
";
                    table += rowCells[rowCell];
                    table += "";
                    table += rowCells[rowCell];
                    table += "
";
        $("body").append(table);
    }

首先要解析excel表格
把csv格式的excel轉(zhuǎn)化成html里面的table順便把需要的信息push到一個(gè)數(shù)組

html里得到這樣的表格

然后構(gòu)建canvas

function drawBook(arr) {
        console.log(arr)
        var c = document.getElementById("myCanvas");
        var img = "c.png"
        var ctx = c.getContext("2d");
        // cxt.drawImage("c.png",0,0)
        
        var img = new Image();
        if (Math.random() < 0.5) {
          img.src = "c.png";
        } else {
          img.src = "b.png";
        }
        img.onload = function() {
            ctx.drawImage(img, 0, 0, 467, 666);
            ctx.fillStyle = "#985d3f";
            ctx.textAlign = "center";
            ctx.font = "36px Arial";
            ctx.fillText(arr.b.substring(0,8), 233, 100);
            ctx.fillText(arr.b.substring(8,16), 233, 150);
            ctx.fillText(arr.b.substring(16,24), 233, 200);
            ctx.font = "20px Arial";
            ctx.fillText(arr.c + "/著", 233, 240);
            ctx.font = "16px Arial";
            ctx.fillStyle = "#fff";
            ctx.fillText(arr.d, 233, 635);
            var i = c.toDataURL()
            download(i, arr.a, "png")
            // Canvas2Image.saveAsPNG(c)
        }
    }
function d() {
        b = book.length - 1
        for (var i = 0; i < book.length; i++) {
            setTimeout(() => {
                if (b !== 0) {
                    console.log(b)
                    drawBook(book[b])
                    b--
                }
            }, i * 2000)
        }
    }

畫(huà)好后用canvas2image.js下載圖片

然后在chrome里設(shè)置下下載路徑。然后封面就一個(gè)一個(gè)下啦

是不是很方便

具體源代碼在github上
https://github.com/fanshyiis/...

有用的話記得星星

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/93794.html

相關(guān)文章

  • Excel大批量數(shù)據(jù)的導(dǎo)入和導(dǎo)出，如何做優(yōu)化？

    摘要：并且在對(duì)的抽象中，每一行，每一個(gè)單元格都是一個(gè)對(duì)象。對(duì)支持使用官方例子需要繼承，覆蓋方法，每讀取到一個(gè)單元格的數(shù)據(jù)則會(huì)回調(diào)次方法。概要Java對(duì)Excel的操作一般都是用POI，但是數(shù)據(jù)量大的話可能會(huì)導(dǎo)致頻繁的FGC或OOM，這篇文章跟大家說(shuō)下如果避免踩POI的坑，以及分別對(duì)于xls和xlsx文件怎么優(yōu)化大批量數(shù)據(jù)的導(dǎo)入和導(dǎo)出。一次線上問(wèn)題這是一次線上的問(wèn)題，因?yàn)橐粋€(gè)大數(shù)據(jù)量的Excel導(dǎo)出...

    Tecode 評(píng)論0 收藏0

  • 如何創(chuàng)建一個(gè)數(shù)據(jù)科學(xué)項(xiàng)目？

    摘要：雖然我們可以在網(wǎng)上參照各種模板項(xiàng)目文章博客等創(chuàng)建一個(gè)數(shù)據(jù)科學(xué)項(xiàng)目，但是目前也沒(méi)有教科書(shū)對(duì)這些知識(shí)做一個(gè)統(tǒng)一的回答。舉個(gè)例子來(lái)說(shuō)，數(shù)據(jù)科學(xué)分析項(xiàng)目通常就不需要部署和監(jiān)控這兩個(gè)過(guò)程。創(chuàng)建文件描述源數(shù)據(jù)及位置。進(jìn)一步探索和報(bào)告在整個(gè)數(shù)據(jù)科學(xué)項(xiàng)目中 摘要：?在一個(gè)新的數(shù)據(jù)科學(xué)項(xiàng)目，你應(yīng)該如何組織你的項(xiàng)目流程？數(shù)據(jù)和代碼要放在那里？應(yīng)該使用什么工具？在對(duì)數(shù)據(jù)處理之前，需要考慮哪些方面？讀完本文...

    Aceyclee 評(píng)論0 收藏0

  • 慕課網(wǎng)_《如何使用高德云圖在線制作屬于你的地圖》學(xué)習(xí)總結(jié)

    摘要：時(shí)間年月日星期日說(shuō)明本文部分內(nèi)容均來(lái)自慕課網(wǎng)。用戶可以在服務(wù)器端調(diào)用云存儲(chǔ)云檢索從而構(gòu)建自己的存儲(chǔ)和檢索服務(wù)，甚至可以制作自己的數(shù)據(jù)管理臺(tái)。 時(shí)間：2017年08月13日星期日說(shuō)明：本文部分內(nèi)容均來(lái)自慕課網(wǎng)。@慕課網(wǎng)：http://www.imooc.com教學(xué)源碼：無(wú)學(xué)習(xí)源碼：https://github.com/zccodere/s... 第一章：云圖產(chǎn)品介紹 1-1 云圖產(chǎn)品介紹...

    k00baa 評(píng)論0 收藏0

  • 慕課網(wǎng)_《如何使用高德云圖在線制作屬于你的地圖》學(xué)習(xí)總結(jié)

    摘要：時(shí)間年月日星期日說(shuō)明本文部分內(nèi)容均來(lái)自慕課網(wǎng)。用戶可以在服務(wù)器端調(diào)用云存儲(chǔ)云檢索從而構(gòu)建自己的存儲(chǔ)和檢索服務(wù)，甚至可以制作自己的數(shù)據(jù)管理臺(tái)。 時(shí)間：2017年08月13日星期日說(shuō)明：本文部分內(nèi)容均來(lái)自慕課網(wǎng)。@慕課網(wǎng)：http://www.imooc.com教學(xué)源碼：無(wú)學(xué)習(xí)源碼：https://github.com/zccodere/s... 第一章：云圖產(chǎn)品介紹 1-1 云圖產(chǎn)品介紹...

    afishhhhh 評(píng)論0 收藏0

  • 使用PHPExcel讀寫(xiě)excel

    摘要：要求，使用了名字空間編碼規(guī)范最新的語(yǔ)言新特性對(duì)版本的要求加強(qiáng)。已經(jīng)放出穩(wěn)定版，官方不再建議使用。保存和導(dǎo)入的行為分別由和負(fù)責(zé)。注意不要混淆和對(duì)象持有數(shù)據(jù)，和是對(duì)其進(jìn)行序列化和反序列化的輔助類。單元隸屬于具體的表單，使用上和表單類互動(dòng)最多。 轉(zhuǎn)載請(qǐng)注明文章出處：https://tlanyan.me/use-phpexc... PHPOffice出品的PHPExcel是PHP讀取和生成Ex...

    wupengyu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<