2012-02-23 5 views
1

私はhtml5キャンバス描画アプリケーションを作成しています。html5のテクスチャをどのように塗りつぶしますか(そしてまだ色を変更することができますか?)

ざらざらした質感で塗りたいです。特定の画像をテクスチャとして塗りつぶすことはできますが、色はその画像に固定されています。私はまだカラーピッカーを使って色を変えたいと思っています。私はちょうど悲しみが来るようにしたい。

どのような解決策がありますか?

+0

この質問に対する私の答えを確認してください:http://stackoverflow.com/questions/9303757/how-to-change-color-of-an-image-using- jquery/9304367#9304367 – Delta

答えて

0

私の答えについての記事を読むここでは画像を「着色」へ:How can I use a gradient map to tone a HTML5 canvas with an image in the canvas.

あなたはいつも非常に簡単に元の色相(またはまったくがない場合は色相とは異なる色相を出すために、画像のピクセルデータを操作することができますグレースケールの画像を取得してRGBを平均化します)。

これは少なくとも1つのオプションです。

ここで行うこと:イメージをテクスチャとして使用する代わりに、イメージをテンポラリキャンバスに描画してから、そのキャンバスをパターンとして使用するよりも、カラーピッカーでそのキャンバス全体の色合いを変更します。 (画像とキャンバスの両方がパターンを作成するのに有効な入力です)

関連する問題