Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
HTML5 キャンバスのコンテンツをぼかすにはどうすればよいですか?
CSS を使用できることはわかっていますが、後で操作できるように、キャンバスの内容をぼかす必要があります。
それを行うためのネイティブ関数はありません。ただし、を使用context.getImageDataしてキャンバスデータの生のRGBA値の配列を取得し、そのデータに対してフィルター操作を実行してから、を使用して書き戻すことにより、独自の画像フィルター操作を実装できますcontext.putImageData。
context.getImageData
context.putImageData
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#pixel-manipulation