Q&A
具体的なURLやHTMLソースを提示することはできますか?
> サイトのHTML要素取得（デベロッパーツール）
<canvas> で描かれているということは、そもそも「HTML要素」ではないということでいいでしょうか。それと、「デベロッパーツール」はこの質問にどう関係していますか。
実現したいこと
ログインボタンの位置情報若しくは要素を取得したい。
発生している問題・分からないこと
ログインボタンがcanvasタグで描かれている場合、このcanvas上のログインボタン図位置にポインタがあることをどう判断させているのでしょうか？座標情報・要素情報が見つからずです。。
ご教示ください。
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
ＷＥＢ検索かけてみましたが、同様の悩みが見つかりませんでした。
補足
特になし
業務上URLを提示できません。すみません。
<canvas>タグはHTML要素ですよね。サイトのログイン画面にてデベロッパーツールのセレクトモードでID＆PWの入力フォームにポインタを当てた場合、フォームのみにフォーカスされ、要素情報が表示されます。
しかしログインボタン含め入力フォーム以外にポインタを持っていくと、画面全体にフォーカスされ、canvasタグ情報が表示されます。
canvasタグを非表示にしたところ、入力フォーム以外の情報がすべて消えました。
そこで知りたい事は、このcanvas上のログインボタン図の位置でクリックを検出する場合、ログインボタン図の位置上にポインタがあることをどう判断させているのかです。
ログインボタン図の位置情報を知りたいのです。
「canvas上のログインボタン図の位置」の意味がわかりません。
図示してサンプルのソースを提示してください
質問者さんは対象サイトの開発をしている立場ですか?
なぜボタンの座標を知りたいのですか? 例: 「似たような構成のサイトを開発するので手法を知りたい」「ウェブサイトの自動テストをしたいので座標を知りたい」
> 業務上URLを提示できません。すみません。
あたりまえのことですが、業務上のデータを提示する必要は全くないです。
あなたの抱えている問題をコードにして提示するだけです。新規に書けばいいのです。
> > <canvas> で描かれているということは、そもそも「HTML要素」ではないということでいいでしょうか。
> <canvas>タグはHTML要素ですよね。
質問(指摘？)の意味が通じてないのだと思いますが、<canvas>はHTML要素に決まっています。「<canvas> で描かれている物」はHTML要素ではないということですね。
また、「やりたいこと」をストレートに書いた方が良いです。
「やりたいことを実現するためには、質問文に書いたようなことを知れば出来る」と思って、質問したのでしょうが、「そもそものやりたいこと」を書くとその目的に対してよりよい方法、一般的に広く行われている方法の回答が付くかと思います。
あるいは「やりたいこと」があるわけじゃなくて、単にふと見かけたページの仕組みがわからず不思議に思ったので聞いただけならそう書いた方が良いです。このサイトは「やりたいことをどうやって実現するか」の質問が多いので、回答者はその前提で考えることが多いです。
回答2件
0
投稿2024/01/12 06:45
総合スコア37413
0
おそらくcanvas内にあるボタン的な場所を掴みたいということなのでしょうね
canvasは所詮一枚絵なのでレイヤーのような情報を持っていません
一つ一つの要素を別個に管理したいならSVGの方がやりやすいでしょう。
投稿2024/01/11 09:52
総合スコア117636
あなたの回答
tips
プレビュー
