3

無地の色を使用する代わりに、フォント スタイル (フォントの色など) を指定することはできますか?

  • HTML 要素を別の要素の上に置き、フォントを透明にすると、テキストを上の要素から切り取って、下の要素の内容を文字の領域から見ることができますか?

  • 画像付きのテキストを指定します (たとえば、少なくともアニメーション化されていません)。無地の色の代わりにテクスチャ付きのテキストを使用できますか?

CSS レベル/バージョン、HTML5、またはネイティブ Web ブラウザー仕様を使用して、可能かどうか?

少なくともキャンバスを使用して各文字の領域を検出することは可能ですか、それとも完全に手動で行うべきですか、それともプレーンな HTML/HTML5/CSS では不可能ですか?

4

3 に答える 3

1

あなたが最初に話しているのは、Illustratorのクリッピングマスクに似ていると思いますか？もしそうなら、CSS-Tricksでここにbackground-clip説明されている機能がありますが、これは現時点ではWebkitブラウザーでのみサポートされています。これは、他のIEバージョンよりも互換性が高いため、IE10についてはよくわかりません。

すぐにグーグルで「CSSを使ったパターン化されたテキスト」がこのページに表示され、それを説明しています。

編集 - - - - - - - -

Webkitブラウザーの場合はそうですがwebkit-background-clip、IE9+の場合はそれだけです。background-clip

于 2013-02-23T18:46:01.977 に答える
1

テキストの透明度を設定する場合は、次を使用します。

color: rgba(0, 0, 0, .5);

ここで詳細情報を参照してください http://www.w3schools.com/cssref/css_colors_legal.asp

文字をテクスチャ化する別の方法があるかどうかはわかりませんが、文字を画像ファイルに置き換えるテキストのパーサーを作成できます。

于 2013-02-23T18:55:11.173 に答える
1

使用したいテキストでSVGマスクを作成してから、SVG コードを HTML に直接埋め込むことができます。このアプローチは、ほとんどの最新のブラウザーで機能するはずです。

于 2013-03-14T18:23:41.593 に答える