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ランキング
-
1枚の画像をクリックすると複数...
-
textareaに画像を表示したい
-
【早急】画像入れ替えJavaScrip...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
キャッシュされた画像を使わず...
-
透過pngの透明部分以外をクリッ...
-
JAVASCRIPTでアクセス毎に画像...
-
javascriptテキストBOX色を元に...
-
テキストエリア内の一部の文字...
-
フッターの下に隙間ができてしまう
-
HTMLですCSSです この画像のよ...
-
背景色と連動するスライドショ...
-
スライドショー「Skitter」をカ...
-
web制作(HP作成について教えて...
-
HTMLタグに複数のクラスを設定...
-
スワップイメージのフェード方...
-
アコーディオンメニューが開い...
-
サムネイルにカーソルを合わせ...
-
大量のチェックボックス状態取...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報