成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

SillyMonkey / 2577人閱讀

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

有時候會有這樣的需求吧

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

我們有這樣一個表格需要生成圖書封面

有三千多本書的話該怎么生成

我們就可以這樣做

$.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到一個數(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)
        }
    }

畫好后用canvas2image.js下載圖片

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

是不是很方便

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

有用的話記得星星

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93794.html

相關(guān)文章

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

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

    Tecode 評論0 收藏0

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

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

    Aceyclee 評論0 收藏0

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

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

    k00baa 評論0 收藏0

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

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

    afishhhhh 評論0 收藏0

  • 使用PHPExcel讀寫excel

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

    wupengyu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<