0

google +フィードバックの場合、HTMLページを切り取らずに、黒いオーバーレイ(白い長方形)を「切り取って」フィードバックのハイライト効果を作成するにはどうすればよいですか?この投稿から、Google +フィードバックシステムのスクリーンショット部分はどのように機能しますか?、ハイライトとブラックアウトは<div>タグと<canvas>タグであることを知っています。

このウェブサイトhttp://hertzen.com/experiments/jsfeedback/examples/combination/index.htmlでも同様のフィードバックを見つけました。そのハイライト効果も<div>タグであり、CSSを使用しています。ただし、その白い長方形は、「カット」するのではなく、黒いオーバーレイの上にスタックされます。したがって、ハイライトはグーグルほど明確ではありません。グーグルのフィードバックハイライト機能がどのように機能するかについての洞察はありますか?それはcanvasglobalCompositeOperationを使用することによるものですか?キャンバスglobalCompositeOperation、destination-out操作を使用するようにコードを変更しようとしましたが、黒いオーバーレイとhtmlページをカットします。しかし、JavaScriptがあまり得意ではないので、コーディングを間違えただけかもしれません。どんな助けでも大歓迎です!!

4

1 に答える 1