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ランキング
-
透過pngの透明部分以外をクリッ...
-
1枚の画像をクリックして複数の...
-
画像を切り替えランダム表示
-
javaを使ってマウスオンでの画...
-
textareaに画像を表示したい
-
Photoswipeのアニメーションの変更
-
各フォルダから1枚ずつ画像をラ...
-
jQueryでタブ切り替え
-
jQueryでシンプルドラッグドロ...
-
javascriptテキストBOX色を元に...
-
jQueryでネスト構造の<li>がク...
-
変数内容をHTML内で表示する方法
-
「jQuery」アコーディオンメニ...
-
「画像クリックで音声再生」を ...
-
これはどんなJavaScriptなので...
-
JavaScriptで、?マークとコロ...
-
jQueryでヒアドキュメントを使...
-
jQueryで同じid属性が複数あっ...
-
JSPでの画像ファイル表示
-
outlook2010の不具合で困ってい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
prettyphotoの画像表示について
-
画像の上に画像リンクを貼る方法
-
【java】背景画像を一定時間で...
おすすめ情報