frostney / react-spritesheet Goto Github PK

When increasing the size of a Sprite through the props, it only increases the height and width of a container, but doesn't scale up the size of the background image, meaning a 20px icon on a spritesheet when set to height or width 30, will just showing additional parts of surrounding sprites.

Similarly, changing the sprite image size down to 10px will just show a portion of the sprite, not a small version of the sprite

In AnimatedSpriteSheet,

Add calculation for y coordinate.

render(){
    const spriteData = {
       ...
       y: [calculation for y offset],
    };

}

I would like to add a spritesheet and be able to scale it as an HTML <img>. The current version creates a <div> with the image data as a CSS background-image property. The 'height' and 'width' parameters for sprites will change what part of the spritesheet it will display. Scaling using CSS transform: scale(0.5) introduces strange behavior where the images will have thick padding. This is also what #6 seems to want too.

I would to move this sprite image from left to right ? please provide for any options that I can use or any other possibilites ?