WeChat ブラウザの HTML5 キャンバス レイヤーの問題_html/css_WEB-ITnose

キャンバスを使用して WeChat ブラウザに幸運の輪を書き込みます。回転すると、キャンバスがページの表面を覆います。

回転前の写真:


回転後の写真:


WeChat Browser Rain について学びましたか

ディスカッション (解決策) に返信

ターンテーブルの Z-インデックスを確認し、アクション後に Z を移動しますおよび キャンバスの関連値を調べて、キャンバスの縦座標がターンテーブルの縦座標より大きいかどうかを確認します。

ターンテーブルの Z インデックス、アクション後のtranslateZ、およびキャンバスの関連値をチェックして、キャンバスの縦座標がターンテーブルの縦座標より大きいかどうかを確認します。

これを観察する方法がわかりません。Safari、FF、Chrome でテストしましたが、この問題は Android マシンの WeChat ブラウザでのみ発生しました。携帯電話の WeChat ブラウザであなたが言及した内容を表示するにはどうすればよいですか?

そして、Android スマートフォンの他のブラウザで使用したテストも正常でした。この理由を知っている人はいますか?

元の投稿者の問題の主な影響は、ターンテーブルの小さなポインタが土地によってブロックされていることです。 ? ? ?
そして、元のポスターの主な目的は、回転シャーシの css、js、jq ファイルを確認することです。 。 。

質問のcanvasと回転の関係がよく分かりません

はい、canvasとは直接関係ありませんが、canvas domの回転のcss3アニメーション設定です
もしくは、cssアニメーションは使用していません。キャンバスに直接描画します

それは z-index であるはずです それは問題です、、、または位置の問題です

著者は IE6 でテストしましたが、基本的な WeChat ブラウザは正常に動作します (冗談です...)


QQ ブラウザで試して WeChat を使用することをお勧めします。 QQ ブラウザのカーネルです。QQ ブラウザがどのカーネルを使用しているかわかりません。

オーナーさん、私も同じ問題に遭遇しました

私も同じ問題に遭遇しました。 。 。とても落ち込んでいます。 。 。