js生成圖片


var image = new Image();
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("scream");
ctx.font = "10px Arial";

function createImg(name, zuowei, color) {
    //  姓名
    ctx.fillText(name, 93, 373);
    ctx.fillText(name, 393, 370);
    //  座位號
    ctx.font = "bold 20px Arial";
    ctx.fillText(zuowei, 216, 350);
    ctx.fillText(zuowei, 393, 350);
    //  座位顏色
    ctx.font = "bold 20px Arial";
    ctx.fillText(color, 264, 350);
    ctx.fillText(color, 441, 350);
    //  生成圖片
    image = c.toDataURL("image/png");
    return image;
}

ctx.drawImage(img, 0, 0, 550, 520);
var src = createImg(name, zuowei, color);
$('#box').attr('src', src);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM