noxious/spritesheet-generator
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bg

Browse Source
This commit is contained in:
Dennis Postma 2025-04-04 03:45:47 +02:00
parent 90a12fb6e0
commit 1a16457efc
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/PreviewModal.vue
View File

@ -112,11 +112,22 @@
:style="{ :style="{
transform: `scale(${previewZoom}) translate(${viewportOffset.x}px, ${viewportOffset.y}px)`, transform: `scale(${previewZoom}) translate(${viewportOffset.x}px, ${viewportOffset.y}px)`,
cursor: isCanvasDragging ? 'grabbing' : 'move', cursor: isCanvasDragging ? 'grabbing' : 'move',
width: `${store.cellSize.width}px`,
height: `${store.cellSize.height}px`,
backgroundImage: `
linear-gradient(45deg, #1a1a1a 25%, transparent 25%),
linear-gradient(-45deg, #1a1a1a 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #1a1a1a 75%),
linear-gradient(-45deg, transparent 75%, #1a1a1a 75%)
`,
backgroundSize: '10px 10px',
backgroundPosition: '0 0, 0 5px, 5px -5px, -5px 0px',
backgroundColor: '#2d3748',
}" }"
@mousedown.stop="startCanvasDrag" @mousedown.stop="startCanvasDrag"
title="Drag to move sprite within cell" title="Drag to move sprite within cell"
> >
<canvas ref="animCanvas" class="block pixel-art"></canvas> <canvas ref="animCanvas" class="block pixel-art absolute top-0 left-0"></canvas>
</div> </div>
</div> </div>
</div> </div>