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

Fixed #18

Browse Source 
(fix by @liamortiz )
This commit is contained in:
unsettledgames 2021-06-30 22:13:59 +02:00
parent 645011bd4f
commit f37a85cf55
2 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/pixel-editor.scss
View File

@ -1611,6 +1611,7 @@ div#pb-options {
} }
#sp-quickstart-container { #sp-quickstart-container {
height:100%;
max-height: 500px; max-height: 500px;
width:70%; width:70%;
float:right; float:right;
@ -1675,7 +1676,6 @@ div#pb-options {
align-items: center; align-items: center;
text-transform: uppercase; text-transform: uppercase;
width:16%; width:16%;
min-width: 100px;
border-radius:5%; border-radius:5%;
margin-right:4%; margin-right:4%;
margin-top:4%; margin-top:4%;

12
js/_tools.js
View File

@ -95,19 +95,13 @@ class Tool {
} }
moveBrushPreview(cursorLocation) { moveBrushPreview(cursorLocation) {
let toSub = 0; let toSub = 1;
// Prevents the brush to be put in the middle of pixels // Prevents the brush to be put in the middle of pixels
if (this.currentBrushSize % 2 == 0) { if (this.currentBrushSize % 2 == 0) {
toSub = 0.5; toSub = 0.5;
} }
brushPreview.style.left = (Math.floor(cursorLocation[0] / zoom) * zoom + currentLayer.canvas.offsetLeft - this.currentBrushSize * zoom / 2 - zoom / 2 + toSub * zoom) + 'px';
brushPreview.style.left = (Math.ceil(cursorLocation[0] / zoom) * zoom // Stick to pixel grid brushPreview.style.top = (Math.floor(cursorLocation[1] / zoom) * zoom + currentLayer.canvas.offsetTop - this.currentBrushSize * zoom / 2 - zoom / 2 + toSub * zoom) + 'px';
+ currentLayer.canvas.offsetLeft // Account for canvas offset
- this.currentBrushSize * zoom / 2 // Center the brush preview
- zoom / 2 - toSub * zoom) + 'px'; // ???
brushPreview.style.top = (Math.ceil(cursorLocation[1] / zoom) * zoom + currentLayer.canvas.offsetTop - this.currentBrushSize * zoom / 2 - zoom / 2 - toSub * zoom) + 'px';
console.log("Brush coords: " + brushPreview.style.left + "," + brushPreview.style.top);
} }
} }