Large resolution image is cropping in canvas.

giniedp / spritespin

jQuery plugin for spriteanimation.

http://giniedp.github.com/spritespin/

MIT License

377 stars 122 forks source link

Large resolution image is cropping in canvas. #93

Open bibinrebo opened 2 weeks ago

bibinrebo commented 2 weeks ago

Hi @giniedp , It was a great lightweight plugin you created. It's got a lot of API options in here. Thanks for this great plugin. So when I was trying to use large 2000px (1:1 rato) images in a responsive way, it's showing zoomed and overflow in the viewport, like the attached screenshot, but if I open it without Apache (localhost), it's working fine. I don't understand the issue. @giniedp Can you figure it out? Also, this giniedp.github.com/spritespin/ url is not working.

giniedp commented 2 weeks ago

large images may be downsized by the browser. Spritespin tries to detect that but it only works for non transparent images. Does your example use transparent PNGs? In that case try to set detectSubsampling: false option and probably set the width and height to whatever your image size is

bibinrebo commented 1 week ago

Oh, actually, I am using '.webp' images for better loading. I tried with detectSubsampling: false it's worked. Thanks. Also, I am looking for this plugin documentation where I can get it. The spritespin link is not working.

giniedp commented 1 week ago

it was taken down due to some reorganization i was doing and had no time to set it back up. There is a no-jquery branch that has the most recent library code and also the website with examples https://github.com/giniedp/spritespin/tree/feature/no-jquery that version is released as 5.0.0-beta.1