Image styling with canvas | Webdesigner Depot

canvasを使って画像をスタイリングするチュートリアル。
画像をブラウザ上でリアルタイムに切り抜いたり色合いを変えたり、円形にクリップしたりするサンプルが公開されています。
canvasだけではなくてCSS3も使っているみたいですが、かなりの事がcanvasで出来てしまってサーバにやさしい、ということでスマホベースのサービスなんかでは使えそうなテクニックです。
ブラウザによってcanvasに対応していないPC環境ではちょっと使いづらいかもしれませんね



色合いも変更できます。もっと高度なこともできそうですね




関連エントリ

• CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２
• Canvasベースのお絵かきが実装できるjQueryプラグイン「Sketch.js」
• HTML5のcanvasをもっと簡単に操作できる「KineticJS」
• HTML5のcanvasを使ったアニメーションするタグクラウド実装スクリプト「TagCanvas」