使用 Overlay Canvas 上的 RectTransform 在 WorldSpace Canvas 上裁剪图像纹理

ManIp 发表于 Dev

ManIp

几天来，我一直在尝试使用 Overlay Canvas 上的 RectTransform（代码示例中的 CropArea -cropArea）在 WorldSpace Canvas 上裁剪图像纹理（代码示例中的Board - originalImage ）。

问题是我在原始图像上找不到正确的cropArea坐标。

我试过这个：

        Texture2D croppedTexture = new Texture2D((int)cropArea.rectTransform.rect.width, (int)cropArea.rectTransform.rect.height);
        Texture2D originalTexture = (Texture2D) originalImage.mainTexture;
        
        croppedTexture.SetPixels(originalTexture.GetPixels((int)cropArea.rectTransform.anchoredPosition.x, (int)cropArea.rectTransform.anchoredPosition.y, (int)cropArea.rectTransform.rect.width, (int)cropArea.rectTransform.rect.height));
        croppedTexture.Apply();
        resultImage.texture = croppedTexture;

但结果图像未正确裁剪。它向左一点，向下一点。

有谁知道我怎样才能做到这一点？

脖子

我发现我必须考虑很多变量。这是一个简化版本。

需要一个新字段：worldCanvas

var cropRectTrans = cropArea.rectTransform;
var origRectTrans = originalImage.rectTransform;
var origRectSize = origRectTrans.sizeDelta;
var pivot = origRectTrans.pivot;
Texture2D originalTexture = (Texture2D)originalImage.mainTexture;

// Scale pivot to pixel unit.

pivot.Scale(origRectSize);

// Get corners of the overlay rectangle in world space.
// The canvas is "Screen Space Overlay", so these positions are
// also the screen positions.

var cropCorners = new Vector3[4];
cropRectTrans.GetWorldCorners(cropCorners);

// Transform the left-bottom and right-top corners to the space
// of the original image. The translated position needs to be added
// with the scaled pivot, so that we can obtain the coordinates
// relative to the left-bottom corner of the image.

var cam = worldCanvas.worldCamera;
RectTransformUtility.ScreenPointToLocalPointInRectangle(
    origRectTrans, cropCorners[0], cam, out Vector2 lb);
RectTransformUtility.ScreenPointToLocalPointInRectangle(
    origRectTrans, cropCorners[2], cam, out Vector2 tr);

var point = lb + pivot;
var size = tr - lb;

// Scale the position and size if the image is scaled.

var scale = new Vector2(
    originalTexture.width / origRectSize.x,
    originalTexture.height / origRectSize.y
);
point.Scale(scale);
size.Scale(scale);

// Finally we get the correct position and size in the original image space.

Texture2D croppedTexture = new Texture2D((int)size.x, (int)size.y);
croppedTexture.SetPixels(originalTexture.GetPixels(
    (int)point.x, (int)point.y, (int)size.x, (int)size.y));
croppedTexture.Apply();
resultImage.texture = croppedTexture;

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。