Zoomen und Schwenken eines Bildes in Canvas HTML

Question

Ich muss ein Bild auf einen Canvas hochladen, damit es schwenken und zoomen kann. Ich bezog mich auf GOK's answer here, aber ich stieß auf Probleme, wenn ich versuchte, ein Bild zu verwenden. Bei der Verwendung eines Bildes wurde das Schwenken deaktiviert und beim Zoomen würde das Bild nur blinken.

Jede Hilfe würde sehr geschätzt werden!

Answer 1

Wenn JQuery eine Option für Sie ist, rate ich würde nicht das Rad neu zu erfinden, und einige bereits existierende Bibliothek wie Jquery Zoom zu verwenden, die Sie hier finden können http://www.jacklmoore.com/zoom/

Der Effekt ist ziemlich sleak und konfigurierbar (Hover oder Click) und es sollte einfach zu implementieren sein.

Sie könnten auch interessiert sein an http://www.elevateweb.co.uk/image-zoom/examples