0

I want to get a displayed, big image and resize it by drawing it on a canvas.

I found the following fiddle:

http://jsfiddle.net/AbdiasSoftware/v8app/

Exisitng

This seems to work great since i want to use it to resize images and store them later on. However, when i try to use it with my already uploaded images i get awkward behavior:

Result with my img: enter image description here

Thanks

Link to the image: frankh.ursa.uberspace.de/img/34.png

Frnak
  • 6,601
  • 5
  • 34
  • 67
  • When you say "awkward", what does that mean? – markE Mar 20 '15 at 20:17
  • 1
    There are more details in this answer: https://stackoverflow.com/questions/17861447/html5-canvas-drawimage-how-to-apply-antialiasing/17862644#17862644 Could you provide a working link to the original image? (the link first posted requires authentication). –  Mar 20 '15 at 20:35
  • Thanks in advance - here the link: http://frankh.ursa.uberspace.de/img/34.png btw - the problem is not the quality but the fact the the image is also rendered in the background – Frnak Mar 20 '15 at 21:10
  • Could the Problem ne that the image has transparency and since the canvas is drawn in many steps the last step doesnt overwrite all The space? – Frnak Mar 21 '15 at 11:32
  • solution is to use third canvas :) http://jsfiddle.net/wasikuss/v8app/858/ – wasikuss Apr 04 '15 at 23:33

0 Answers0