HTML5-Canvas-Motion-Blur-Effekt?
Ich versuche, das HTML5 canvas-Element, so etwas wie ein motion blur-Effekt und auch kein Erfolg.
Im Grunde, was ich versuche zu tun ist, nehmen Sie ein Foto und lassen es so Aussehen, wie "schnell weitergeleitet", wie wenn Sie ein Bild aufnehmen und die person bewegt.
- Diese Frage ist nicht spezifisch auf die Leinwand. Was du suchst ist ein pixel-manipulation-Algorithmus erzeugt einen motion blur-Effekt.
- Mögliche Duplikate von:stackoverflow.com/questions/9638763/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es mehrere Bibliotheken, für die Leinwand umgesetzt haben, verschiedene Unschärfe-algorithmen. EaselJS umgesetzt hat, die x - und y-Achse Unschärfe unabhängig, wie Sie sehen können in dieser Probe.
Allen möchten Sie vielleicht in eine x-Achse Unschärfe von Ihr geliefert.
Ich habe hier mit dem entgegengesetzten problem. Ich habe versucht, um loszuwerden, Unschärfe beim skalieren von Bildern. Zum Glück, mein problem führt zu einer einfachen Lösung für Ihr problem. Auch die heavy-lifting " durchgeführt, der von der API, so dass es effizient.
Wenn Sie ziehen Ihr Bild auf eine kleinere Auflösung Leinwand und dann Vergrößere es auf, erhalten Sie verschwommene Bilder. Ich habe versucht, dies in einer Reihe von Browsern, und es scheint zu funktionieren in etwa gleich. Diese Frage untersucht, Wann und warum Browser verwenden diese Unschärfe Verhalten, wenn Sie sind besorgt über die Konsistenz dieser Technik ist in allen Browsern und in zukünftigen Versionen.
Das Bild-argument auf die Leinwand.drawImage akzeptiert anderen Leinwand. Wenn Sie zeichnen das Bild der mittleren Leinwand, die Sie könnten versuchen, mit einer kleinen Auflösung, die entlang einer Achse. Dann skalieren Sie zurück auf die ursprüngliche Größe und den blur-Effekt sollte in Erster Linie sein, entlang einer Achse.
Ich bin nicht ein Bild-Experte so dass ich nicht weiß, wie Sie optimal mit motion blur(ob es sollte entlang einer Achse, etc), aber mit etwas Gefummel und Forschung, können Sie in der Lage sein, diese Technik verwenden, um die Effekte, die Sie wollen.
Hoffe, das hilft