A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
ANo1です。
反応がないので、もう見ていらっしゃらないのかもしれませんが、上記のcanvasを重ねておく方法で簡単に試してみたところ、一応取得できるようです。
クリックの位置からカーソル座標を割り出して、各canvas上のその座標のイメージデータを取得し、透明度が0でなかったら(=不透明だったら)その画像を対象画像と判定するという考え方です。
No.1
- 回答日時:
普通にやるならクリッカブルマップを利用するのが簡単そうに思いますが、エリアを自分で定義する必要があります。
スクリプトで画像を解析するのなら、canvasを利用して透明部分とそれ以外を区別する方法がありそうです。
画像一枚々々を解析する必要がありますので、ピクセル単位で行なうと時間とメモリがかかりそう。
2×2とか3×3を1単位として定義できるくらいの画像であれば、この方法でもいけるかもしれません。
あるいは、canvas要素を複数重ねあわせておいて、クリックされる度にそれぞれを調べるとか…
こちらの方法ならスクリプトでメモリを大量に使うことはなさそうに思います。
(検証はしていません)
もっとうまい方法があるかも知れませんが、すぐに思いつくアイデアとしてご参考までに。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 画質を落とさず切り取って透過したいです 2 2022/06/08 12:28
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- Photoshop(フォトショップ) フォトショップで背景をくり抜く方法 2 2022/05/14 12:39
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- 化学 シリコンの透過率についてです。 シリコンの波長633nmの可視光の透過率について複素屈折率から計算し 2 2023/02/07 11:32
- Photoshop(フォトショップ) 塗りつぶした画像を透過させない方法について。上からレイヤーで塗った場合は透過できると聞きましたが、レ 1 2022/10/22 13:41
- その他(料理・グルメ) わらび餅 透明にしておく方法 形よくする方法を教えてください。 4 2023/05/19 10:13
- プラモデル・鉄道模型・模型製作 透明な接着剤、または特殊な接着方法について教えて下さい 2枚の透明なアクリル板を重ねて接着するのに接 2 2022/06/10 16:21
- その他(芸術・クラフト) ストーンデコの接着剤について質問です! 以前ストーンデコをする際調べたところエポクリアがいいと言う事 2 2022/09/26 08:58
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
innerHTMLで、表示すると、一部...
-
iframeからcolorboxの呼び出し
-
1枚の画像をクリックすると複数...
-
オンマウスで、画像切り替え+...
-
jQueryで特定のURLの時のみ表示
-
画像を切り替えランダム表示
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
c++std::string型をTCHARに変換...
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
createElementで作成した要素を...
-
javascriptテキストBOX色を元に...
-
ダブルクォーテーションが消え...
-
【jQuery】2分割レイアウトで、...
-
Slick.jsのオプションrtlについて
-
JAVAで画像をボタンで切り替え...
-
背景の過
-
画面が真っ白になるのはどうして?
-
javascriptでのパスについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
1枚の画像をクリックして複数の...
-
各フォルダから1枚ずつ画像をラ...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
<table>、もしくは<iframe>内で...
-
1枚の画像をクリックすると複数...
-
画像とテキストのセットをラン...
おすすめ情報