画像を拡大させた状態で画像を切り抜きたい

Question

現在画面に表示されている画像を拡大縮小できるようにしており、以下の画像を拡大させると、

次のようになります。

この時に画像を保存すると、白い枠内の画像を保存するようにしたいのですが、なかなかうまくいきません。
画像の拡大縮小に関してはscrollViewのmaximumZoomScaleとminimumZoomScaleを指定して、viewForZoomingInScrollViewを実装して実現しています。
白い枠線は透明なUIViewにborderColorとborderWidthを指定して枠線っぽく見せています。
ただ単にこのUIViewの範囲で画像を切り抜けばいいものかと思ったのですが、思った通りにいきません。
切り抜きはこのように行っています。

CGImageCreateWithImageInRect(image.CGImage, self.trimmingFrameView.frame)

trimmingFrameViewが白い枠線のUIViewです。
どこが間違っているのでしょうか？また、どのようにすれば画像を拡大させた状態で画像を切り抜くことができるでしょうか？
どなたかわかる方がいれば教えていただきたいです。よろしくお願いします。

Answer 1

self.trimmingFrameView.frameは、trimmingFrameViewを貼り付けている親のビューの座標上でどの位置にあるかを表しているものであり、イメージ座標上の位置を表しているものではありません。
このためCGImageCreateWithImageInRect()のイメージ切り出し位置に指定しても正しく切りだせません。

どのようなビュー構成にしているのか質問に書かれてないので本当にできるかどうかわかりませんが、
仮に、切り出したいイメージがimageView(UIImageViewクラス)のimageプロパティに格納されているとしたなら、
let rect = trimmingFrameView.convertRect(trimmingFrameView.bounds, toView: imageView)
でimageView上の座標に変換したrectをCGImageCreateWithImageInRect()の切り出し位置に指定すれば、うまく切り出しできるかもしれません。

これでうまく切り出しできないなら、現在のビュー構成でself.trimmingFrameView.frameをどうやったらイメージ座標に変換できるか自分で考えて計算して変換するしかないと思います。

Comments

[interpiamobile]

ご回答ありがとうございます。ご提示の方法で画像を切り抜くことができました！なるほど、self.trimmingFrameView.frameでは画像の座標上の位置を指定できてなかったのですね。本当にありがとうございます。