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);

?

轉載于:https://www.cnblogs.com/lvyueyang/p/8216668.html

總結

以上是生活随笔為你收集整理的js生成图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。