divをキャンバス要素でマスキングする

私は、キャンバス要素でマスクすることができるdivのほとんどから構成されたスライドショーを作成しようとしています（四角形ではなく円形や奇妙な形になるようにします。可能私はdiv要素のイメージではなく、全体のdivまたはコレクションをマスキングの多くの例を見てきましたdivをキャンバス要素でマスキングする

出典

2012-01-05 Adam Goodnight

詳細を入力してください。「マスキング」とはどういう意味ですか？ – Phrogz

をはいては、確かに可能divをマスクするために、たとえば、キャンバスは、このようなdivのマスクができます？。。

enter image description here を

これは単なる画像です。

あなたが使用することはできません、単に円形のdivのような錯覚を与え、その幻想はdiv要素

（or something fancier）または背後にあるものに非常に偶発的であるに注意すべき

http://jsfiddle.net/r58jF/

or white、

出典

2012-01-05 16:01:38

「他のすべての領域で黒を描く」は「マスキング」と同じだとは思わない。具体的には、@ Adamはdivコンテンツの一部を透明にしたいと考えています。 – Phrogz

あなたはおそらく正しいでしょうが、divコンテンツの部分の外観を透明にするようなエフェクトも可能です。そのような効果の幻想であるだけです（例えば、http://jsfiddle.net/5Y4zL/1 /、本当の透明マスクではなく、ユーザーには十分に透明に見える）、これは彼の必要性をかなり満たす可能性がありますが、それは彼が表示する予定のものに大きく左右されます。彼はそれを提供していないので、私はそれが彼がその効果を達成するために必要なオプションを提供する価値があると思う。 –

私は同意します。私は確かにOPからのより多くの答えなしにこの答えをdownvoteしないだろう:) – Phrogz

キャンバスのイメージソースとしてHTML要素をレンダリングするため、キャンバスを使用してHTMLのコンテンツを描画することはできません。 divの任意の部分を完全または部分的に透明にしたい場合、答えは "いいえ、キャンバスではできません"です。

出典

2012-01-05 22:41:52 Phrogz

divをキャンバス要素でマスキングする

答えて

関連する問題