0

JPGまたはPNGの上にマスクを配置して、その一部を透明にすることが(キャンバスまたはCSSのいずれかで)可能かどうか知りたいです。具体的には、画像上に円を定義し、その円内のピクセルを不透明に保ち、画像の他のすべての部分を透明にします。

私はJavaですが、これはかなり簡単な操作ですが、Javascriptでアナログが見つからないため、これが単純に不可能かどうか疑問に思っています。

TIA

4

3 に答える 3

1

css トリックのこの-webkit-mask チュートリアルを確認してください。

CSS

.circle-mask {
    -webkit-mask-box-image: url(mask.png);
}

結果

CSS マスク

関連リンク:

于 2012-11-26T06:49:48.813 に答える
0

SVG フィルターを使用して »blend mode« のようなものを作成できます。Inkscape を使用して、これらの効果を作成できます。構文に慣れれば、多くの効果を作成できます。おそらく、何ができるかをより簡単に確認するよりも、目的の効果の画像を投稿できます。画像で特定の効果を作成するための js ライブラリもいくつかあります。

于 2012-11-26T04:53:13.877 に答える
0

SVG のmaskタグを使用して、実際にさまざまなグラデーションの円の画像を配置することもできます。これが役立つかどうかわかりますか?

于 2012-11-26T05:22:20.483 に答える