Gerador Bandeira Antifascista - Parte 3

...

by felipealencar

JavaScript

// clip
ctx.globalCompositeOperation = "destination-in";
ctx.drawImage(bandeiraCustomizada, 0, 0, c.width, c.height);
ctx.globalCompositeOperation = "source-over";
ctx.font = "50px Roboto Mono, monospace";
ctx.textAlign = "center";
ctx.fillStyle = "white";

var centerX = (c.width / 2)-0;
var centerY = c.height - 260;
var angle = Math.PI * -0.55; // radians
var radius = -225;

drawTextAlongArc(ctx, "ANTIFASCISTA"+((p.checked) ? 'S' : ''), centerX, centerY, radius, angle);

var centerX = (c.width / 2)-0;
var centerY = c.height - 245;
upperNome = nome.value.toUpperCase();
var angle = upperNome.length/7; // radians
var radius = 185;
drawTextAlongArc(ctx, upperNome, centerX, centerY, radius, angle);
dataUrl = c.toDataURL();


imageFoo = document.createElement('img');
imageFoo.setAttribute("id", "bandeira-customizada");
imageFoo.src = dataUrl;
toggleImg = document.getElementById('toggle');
toggleImg.appendChild(imageFoo);
if(toggleImg.childElementCount >= 1){
  toggleImg.removeChild(toggleImg.childNodes[0]);
}

c.style.display="none";