HTML5 получить код base64 изображения, созданного на холсте - PullRequest
Новая
       21

HTML5 получить код base64 изображения, созданного на холсте

0 голосов
/ 04 декабря 2018 
var ctx;

function roundedImage() {
    var img = new Image();
    img.onload = function() {

        ctx.beginPath();
        ctx.arc(160, 150, 75, 0, Math.PI * 2, true); //draw the circle
            ctx.lineWidth = 5;
        ctx.strokeStyle = 'white';
            ctx.stroke();
            ctx.clip();
        ctx.closePath();
        ctx.drawImage(img, 80, 70, 160, 160);

    };
    img.src = "xxxxx";
    img.crossOrigin = "Anonymous";
}

function fillText(name) {
    ctx.fillStyle = 'white';
    ctx.font = '40pt Calibri';
    ctx.fillText(name, 100, 100);
}

function backImg() {

    var background = new Image();
    background.src = "xxxxx";
    background.onload = function(){
        ctx.drawImage(background, 3, 3, canvas.width - 7, canvas.height - 7);
        roundedImage()
    }

}


function createCanvas(width, height) {
    var canvas = document.createElement("canvas");
    canvas.id = "canvas";
    canvas.width = width;
    canvas.height = height;
    ctx = canvas.getContext("2d");
    document.body.appendChild(canvas);
}

function admire() {
    createCanvas(400,625)
    backImg()
    var original64 = canvas.toDataURL
    console.log(original64);
}

window.onload = admire();

Все работает нормально, но я не могу получить код base64.Я получаю это в консоли "ƒ toDataURL () {[native code]}" Как мне создать base64 холста.

И я хочу показать это изображение base64 на другом холсте.Как я могу это сделать?

...