TextBubbleBorder の四角形の外側の角を透明にする方法

長方形の外側に透明なテキスト バブル境界線

「TextBubbleBorder」クラスを使用すると、ユーザーはカスタマイズ可能な厚さ、半径、そしてポインタのサイズ。最近、基礎となるコンポーネントを表示するために、長方形の外側の境界線の角を透明にすることが要求されています。

問題

当初は、次のようなアプローチが試みられました。クリップを使用して「clearRect()」を呼び出して、境界線の外側のラベルの背景色をクリアします。このアプローチでは境界線内の背景色が制限されますが、親コンテナに標準以外の色がある場合の問題は完全に解決されません。

解決策

この問題に対処するために、受け入れられている解決策には、テキストバブルのクリップの外側のあらゆる場所に親コンポーネントの背景色をペイントすることが含まれます。これは、次の手順を使用して実行します。

1. 境界線のあるコンポーネントの親コンポーネントを取得します。
2. テキスト バブルの領域を減算して境界領域を表す「領域」を作成します。コンポーネントの領域全体を表す四角形。
3. この境界領域をクリップとして使用して、親の背景色をペイントします。

このアプローチに従うと、四角形の外側の角が透明になります。基礎となるコンポーネントが見えるようになります。提供されたサンプル コードは、このソリューションを組み込むために「TextBubbleBorder」クラスを更新します。

注:

提供したコードにはクリッピングのバグがあることを強調することが重要です。 、これは、別の関連する質問に対する承認された回答で解決されています。最適な結果を得るには、このアップデートを透明性ソリューションと一緒に組み込む必要があります。

以上がTextBubbleBorder の四角形の外側の角を透明にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。