Fixes meme creator, whoops

This commit is contained in:
ポール ウェッブ 2018-10-04 16:58:19 -05:00
parent f46c4753a9
commit 1e00b7680c

View file

@ -21,14 +21,14 @@ document.querySelector("body").addEventListener("click", event => {
} }
if ( if (
event.explicitOriginalTarget.classList && event.target.classList &&
event.explicitOriginalTarget.classList[0] === "playground__content__meme__canvas__thumbnail" event.target.classList[0] === "playground__content__meme__canvas__thumbnail"
) { ) {
for (const thumbnail of document.querySelectorAll(".playground__content__meme__canvas__thumbnail")) for (const thumbnail of document.querySelectorAll(".playground__content__meme__canvas__thumbnail"))
thumbnail.classList.remove("selected"); thumbnail.classList.remove("selected");
event.explicitOriginalTarget.classList.add("selected"); event.target.classList.add("selected");
updateCanvas(event.explicitOriginalTarget); updateCanvas(event.target);
} }
}); });
@ -377,10 +377,10 @@ function updateCanvas(imageSource) {
clearCanvas(canvas); clearCanvas(canvas);
if (imageSource) { if (imageSource) {
ctx.drawImage(imageSource, 0, 0, canvasWidth, 600 * imageSource.height / imageSource.width); ctx.drawImage(imageSource, 0, 0, canvasWidth, canvasHeight);
img.src = imageSource.src; img.src = imageSource.src;
} else { } else {
ctx.drawImage(imageSource, 0, 0, canvasWidth, 600 * imageSource.height / imageSource.width); ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight);
} }
positionCanvasText(ctx, canvasHeight, canvasWidth); positionCanvasText(ctx, canvasHeight, canvasWidth);