|
@@ -892,46 +892,48 @@ closeModal () |
|
|
function |
|
|
function |
|
|
applyResolution () |
|
|
applyResolution () |
|
|
{ |
|
|
{ |
|
|
if (!(((changeWidth.value < canvasRoot.width) |
|
|
|
|
|
|| changeHeight.value < canvasRoot.height) |
|
|
|
|
|
&& !(window.confirm ('指定されている幅もしくは高さの値がサイズ変更前よりも小さいです.\nこのままだと右端もしくは下端が変更後のサイズに合わせてカットされてしまいます.\nよろしいかな?????')))) |
|
|
|
|
|
{ |
|
|
|
|
|
canvasWidth = Math.max (32, Math.min (changeWidth.value, 640)); |
|
|
|
|
|
canvasHeight = Math.max (24, Math.min (changeHeight.value, 480)); |
|
|
|
|
|
|
|
|
|
|
|
canvasArea.style.width = canvasWidth + 'px'; |
|
|
|
|
|
canvasArea.style.height = canvasHeight + 'px'; |
|
|
|
|
|
|
|
|
if ((changeWidth.value >= canvasRoot.width) |
|
|
|
|
|
&& (changeHeight.value >= canvasRoot.height)) |
|
|
|
|
|
return; |
|
|
|
|
|
|
|
|
for (let i = 0; i < layerMax; ++i) |
|
|
|
|
|
{ |
|
|
|
|
|
const canvas4replace = document.createElement ('canvas'); |
|
|
|
|
|
|
|
|
if (!(window.confirm ('指定されている幅もしくは高さの値がサイズ変更前よりも小さいです.\nこのままだと右端もしくは下端が変更後のサイズに合わせてカットされてしまいます.\nよろしいかな?????'))) |
|
|
|
|
|
return; |
|
|
|
|
|
|
|
|
canvas4replace.width = canvasWidth; |
|
|
|
|
|
canvas4replace.height = canvasHeight; |
|
|
|
|
|
|
|
|
canvasWidth = Math.max (32, Math.min (changeWidth.value, 640)); |
|
|
|
|
|
canvasHeight = Math.max (24, Math.min (changeHeight.value, 480)); |
|
|
|
|
|
|
|
|
const canvas4replaceCtx = canvas4replace.getContext ('2d'); |
|
|
|
|
|
|
|
|
canvasArea.style.width = canvasWidth + 'px'; |
|
|
|
|
|
canvasArea.style.height = canvasHeight + 'px'; |
|
|
|
|
|
|
|
|
if (i == 0) |
|
|
|
|
|
{ |
|
|
|
|
|
canvas4replaceCtx.fillStyle = 'white'; |
|
|
|
|
|
canvas4replaceCtx.fillRect (0, 0, canvasWidth, canvasHeight); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
for (let i = 0; i < layerMax; ++i) |
|
|
|
|
|
{ |
|
|
|
|
|
const canvas4replace = document.createElement ('canvas'); |
|
|
|
|
|
|
|
|
canvas4replaceCtx.drawImage (canvas[i], 0, 0); |
|
|
|
|
|
|
|
|
canvas4replace.width = canvasWidth; |
|
|
|
|
|
canvas4replace.height = canvasHeight; |
|
|
|
|
|
|
|
|
canvas[i].width = canvasWidth; |
|
|
|
|
|
canvas[i].height = canvasHeight; |
|
|
|
|
|
|
|
|
const canvas4replaceCtx = canvas4replace.getContext ('2d'); |
|
|
|
|
|
|
|
|
canvasCtx[i].drawImage (canvas4replace, 0, 0); |
|
|
|
|
|
|
|
|
if (i == 0) |
|
|
|
|
|
{ |
|
|
|
|
|
canvas4replaceCtx.fillStyle = 'white'; |
|
|
|
|
|
canvas4replaceCtx.fillRect (0, 0, canvasWidth, canvasHeight); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
canvasPerfect.width = canvasRoot.width = canvasWidth; |
|
|
|
|
|
canvasPerfect.height = canvasRoot.height = canvasHeight; |
|
|
|
|
|
|
|
|
canvas4replaceCtx.drawImage (canvas[i], 0, 0); |
|
|
|
|
|
|
|
|
reDraw (); |
|
|
|
|
|
|
|
|
canvas[i].width = canvasWidth; |
|
|
|
|
|
canvas[i].height = canvasHeight; |
|
|
|
|
|
|
|
|
closeModal (); |
|
|
|
|
|
|
|
|
canvasCtx[i].drawImage (canvas4replace, 0, 0); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
canvasPerfect.width = canvasRoot.width = canvasWidth; |
|
|
|
|
|
canvasPerfect.height = canvasRoot.height = canvasHeight; |
|
|
|
|
|
|
|
|
|
|
|
reDraw (); |
|
|
|
|
|
|
|
|
|
|
|
closeModal (); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|