小编mil*_*lan的帖子

将文字放在图像上并另存为图像

我对HTML5 Canvas有一个问题.我有一张图片.在此图像上,我想放置文本并将其显示/保存为图像.

我有这个代码:

window.onload = function(){
 var canvas = document.getElementById("myCanvas");
 var context = canvas.getContext("2d");
 var imageObj = new Image();
 imageObj.onload = function(){
     context.drawImage(imageObj, 10, 10);
     context.font = "20px Calibri";
     context.fillText("My TEXT!", 50, 200);
 };
 imageObj.src = "mail-image.jpg"; 
};
Run Code Online (Sandbox Code Playgroud)

这很好用.我的图像和文字都在上面.但它仍然是画布而没有图像.有谁能够帮我?

javascript html5 canvas image

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

canvas ×1

html5 ×1

image ×1

javascript ×1