teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

実装例を反映しました。

2019/11/22 13:28

投稿

eytyet
eytyet

スコア803

answer CHANGED
@@ -13,8 +13,73 @@
13
13
  RGBAの並びは固定ではありません。試した限りでは、assetに入れたJPEG画像のままではRGBAでしたが、後述のリサイズを通した画像はBGRAでした。これは、`CGImage.bitmapInfo`の情報から判別可能です。
14
14
  また、1ピクセルが8ビットとも限りません。`CGImage.bitPerComponent`で分かります。(殆どのケースは8ビット固定でも大丈夫だと思います)
15
15
 
16
+ 座標変換を反映した`onImageTap`はこちらです。置き換えて下さい。
16
17
 
18
+ ```swift
19
+ @IBAction func onImageTap(_ sender: UITapGestureRecognizer) {
20
+ guard let image = imageView.image else { return }
21
+ let pointOnImageView = sender.location(in: imageView)
22
+ let x = pointOnImageView.x / imageView.frame.width * image.size.width
23
+ let y = pointOnImageView.y / imageView.frame.height * image.size.height
24
+
25
+ if let color = image.color(of: CGPoint(x: x, y: y)) {
26
+ label.text = String(format: "%4dx%4d - (r:%3d, g:%3d, b:%3d, a:", Int(x), Int(y), color.red, color.green, color.blue) + String(describing: color.alpha) + ")"
27
+ }
28
+ }
29
+ ```
30
+
31
+ 点の取得を関数にしました。どこかのファイルに、以下も追加してください。
32
+
33
+ ```swift
34
+ extension UIImage {
35
+ /// Image上の点の色を返す。cgImageをもち、8bit/色だけ有効。alphaのみは非対応でnilを返す。
36
+ /// - Parameter point: Image上の色を調べたい点の座標。
37
+ /// - Returns: 不明のときはnilが返る。各色の値は0-255。alphaがない場合nilを返す。
38
+ func color(of point: CGPoint) -> (red:Int, green:Int, blue:Int, alpha:Int?)? {
39
+ guard let cgImage = self.cgImage else { return nil }
40
+ guard let pixelData = cgImage.dataProvider?.data else { return nil }
41
+ guard let data = CFDataGetBytePtr(pixelData) else { return nil }
42
+ guard 0 <= point.x && Int(point.x) < cgImage.width &&
43
+ 0 <= point.y && Int(point.y) < cgImage.height else { return nil }
44
+ guard cgImage.bitsPerComponent == 8 else { return nil }
45
+ print(CGImageAlphaInfo.premultipliedLast.rawValue, CGImageAlphaInfo.premultipliedFirst.rawValue)
46
+ let byteOrder = cgImage.bitmapInfo.intersection(.byteOrderMask)
47
+ guard byteOrder == [] || byteOrder == .byteOrder32Big || byteOrder == .byteOrder32Little else { return nil }
48
+
49
+ //タップした位置の座標にあたるアドレスを算出
50
+ let address = Int(point.y) * cgImage.bytesPerRow + Int(point.x) * cgImage.bitsPerPixel / 8
51
+
52
+ //それぞれRGBAの値をとる
53
+ let alphaInfo = CGImageAlphaInfo(rawValue: cgImage.bitmapInfo.intersection(.alphaInfoMask).rawValue)
54
+ var offset: (red:Int, green:Int, blue:Int, alpha:Int?)
55
+ if byteOrder == .byteOrder32Little {
56
+ if [.first, .noneSkipFirst, .premultipliedFirst].contains(alphaInfo) {
57
+ offset = (2, 1, 0, 3)
58
+ } else {
59
+ offset = (3, 2, 1, 0)
60
+ }
61
+ } else { // [] || .byteOrder32Big
62
+ if [.first, .noneSkipFirst, .premultipliedFirst].contains(alphaInfo) {
63
+ offset = (1, 2, 3, 0)
64
+ } else {
65
+ offset = (0, 1, 2, 3)
66
+ }
67
+ }
68
+ // alphaがない場合
69
+ if [CGImageAlphaInfo.none, .alphaOnly, .noneSkipFirst, .noneSkipLast].contains(alphaInfo) {
70
+ offset.alpha = nil
71
+ }
72
+
73
+ let r = Int(data[address + offset.red])
74
+ let g = Int(data[address + offset.green])
75
+ let b = Int(data[address + offset.blue])
76
+ let a = offset.alpha != nil ? Int(data[address + offset.alpha!]) : nil
77
+ return (r, g, b, a)
78
+ }
79
+ }
80
+ ```
81
+
17
- また、正しく点を調べられるようになっても、一点だけだと見た目とはだいぶ違う色が取れたりします。今回のように大きい画像を縮小して表示していると、全然違う色を読んでくる場合も多いでしょう。
82
+ なお、正しく点を調べられるようになっても、一点だけだと見た目とはだいぶ違う色が取れたりします。今回のように大きい画像を縮小して表示していると、全然違う色を読んでくる場合も多いでしょう。
18
83
  その場合は縮小は一つの解決策になるかと思います。
19
84
 
20
85
  リサイズする関数の例はこちらです。

1

見出し番号の間違いを修正。

2019/11/22 13:28

投稿

eytyet
eytyet

スコア803

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  本当にやりたい事は、画像上の点の色を調べたい、という事ですね。
2
2
 
3
- 1.座標変換すればリサイズしなくても可能です。
3
+ (1) 座標変換すればリサイズしなくても可能です。
4
4
  `tapPoint`には「表示されているimageViewの画面上のサイズの点」の座標が入るので、それを元に元画像上の座標を割り出します。
5
5
 
6
6
  - `imageView`の`contentMode`を`scaleToFill`にします。
@@ -9,7 +9,7 @@
9
9
 
10
10
  `imageView`の表示がおかしくなると思うので、`imageView`の縦横比が元画像と同じになるように、Auto Layoutを設定してください。
11
11
 
12
- 2. RGBAの並び
12
+ (2) RGBAの並び
13
13
  RGBAの並びは固定ではありません。試した限りでは、assetに入れたJPEG画像のままではRGBAでしたが、後述のリサイズを通した画像はBGRAでした。これは、`CGImage.bitmapInfo`の情報から判別可能です。
14
14
  また、1ピクセルが8ビットとも限りません。`CGImage.bitPerComponent`で分かります。(殆どのケースは8ビット固定でも大丈夫だと思います)
15
15