mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity

Added saving layers, must test canvas resizing

Browse Source
This commit is contained in:
unsettledgames 2020-09-13 12:11:08 +02:00
parent 3cf72dd928
commit 9c15a09975
1 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
js/_resizeCanvas.js
View File

@ -22,10 +22,31 @@ function initResizeCanvasInputs() {
}
function resizeCanvas(event) {
resizeCanvasUpdateBorders();
let imageDatas = [];
rcUpdateBorders();
// Save all imageDatas
for (let i=0; i<layers.length; i++) {
if (layers[i].menuEntry != null) {
imageDatas.push(layers[i].context.getImageData(0, 0, layers[i].canvasSize[0], layers[i].canvasSize[1]));
}
}
// Resize the canvases
for (let i=0; i<layers.length; i++) {
layers[i].canvasSize[0] += borders.left + borders.right;
layers[i].canvasSize[1] += borders.top + borders.bottom;
layers[i].canvas.width = layers[i].canvasSize[0];
layers[i].canvas.height = layers[i].canvasSize[1];
}
// Clear the canvases
// Put the imageDatas in the right position
// Must crop the imageDatas if the canvas has being reduced
}
function resizeCanvasUpdateBorders() {
function rcUpdateBorders() {
console.log(document.getElementById("rc-border-left").value);
// Getting input
@ -47,15 +68,3 @@ function changePivot(event) {
pivot = event.target.getAttribute("value");
}
// Use a dialogue
// Apply the new sizing
// Move the images on the layers to fit what the user actually decided
// Function to actually resize the canvases
// Save all imageDatas
// Resize the canvases
// Clear the canvases
// Function to place the imageDatas as specified in the pivot section
// Put the imageDatas in the right position
// Must crop the imageDatas if the canvas has being reduced