canvas图文合成

最新推荐文章于 2022-04-28 09:49:04 发布

Panda打怪升级

最新推荐文章于 2022-04-28 09:49:04 发布

阅读量684

点赞数

分类专栏： ccs3 js 微信H5 html5 canvas 文章标签： canvas 2d

本文链接：https://blog.csdn.net/qq_33894301/article/details/54669811

版权

js 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

微信H5

7 篇文章 1 订阅

订阅专栏

ccs3

3 篇文章 0 订阅

订阅专栏

    var context = document.getElementById('canvas').getContext('2d');
    var img = new Image();
    img.src = "images/img"+ Index +".png";
    context.drawImage(img,0,0,wid,hei);
    context.font = "15px Arial";
    context.fillStyle = "#000";
    context.fillText($('#panda').val(),38,38);
    context.textAlign = "right";
    context.fillText($('#koala').val(),wid*0.9,wid*0.42);

将canvas 转换图片

    function test(){
        var canvas = document.getElementById("canvas");
        var urlSa = canvas.toDataURL();
        var newImg = document.createElement("img");
        newImg.src = urlSa;
        $("#mygood").append(newImg);
        $("#mygood img").first().nextAll().remove();
    }