こんにちは、はせです。
この間、TLで
google chromeの拡張機能で
このスタンプをとれるというデマが流れました。
もしも本当だったらやばいな・・w
と思いました
実際にこれは外すことが可能だろうかと考えてみました。
そのスタンプが下の画像のです。
このスタンプがアニメーションになっています。
推測した内容
画像を選びその上からスタンプをつけているので
おそらく、上から重ねているだろう。
Twitterは画像をアップロードすると
jpeg形式になります。
おそらくこのスタンプは、png形式で
上から合わせて表示しているのか
もしくは、上から重ねて
JavaScriptでアニメーションをつくっているのか、、
だとしたら、このスタンプはcssで大きさ指定しており
もしも透明にしたり、位置を変えればその下の画像が
見えるのでは?と思った。
実際に検証してみた。
Google chrome のデベロッパーツールで
いろいろやってみました。
たしかに
元の画像の上の上にぽつんとスタンプが重ねられているだけでした。
そこでそのスタンプを透過しようと
CSSで opacity(透明度)を指定して、実行。
あれ????変わらないぞ、なぜだ。。。
反映されているはずなのに。。
ということで別の方法をやってみた。
そのスタンプの位置を変える。
ということでスタンプの配置をいじった。
そしたら驚くことに。。。
スタンプの移動に成功!!!!!!!!
確かに移動しました。
しかし、移動してみましたが、その元の位置にはまた同じスタンプが。。。。
つまり、結論から言うと見えませんでした。
対策がしっかりしており、
動かないスタンプを元の画像に上書きして
その上に動く(アニメーション)スタンプを重ねているってことですね。
コメント