React Native中如何按坐标在图片上绘制正方形 有可用的相关库吗？

轻量需求首选（无需原生配置） #

• expo-image-manipulator：Expo 官方维护的图像处理库，原生适配安卓/iOS，无需额外配置原生环境，支持基础几何图形绘制、裁剪、压缩等常规操作。你可以直接传入原始图片URI，指定正方形的坐标、边长、填充/边框样式参数，一步生成绘制完成的新图片，是纯Expo托管项目的最优选择。
• react-native-svg + react-native-view-shot组合：底层渲染目标图片，上层叠加SVG层绘制指定坐标的<Rect>正方形，绘制完成后用react-native-view-shot导出整屏视图为图片文件，学习成本极低，适合需要灵活调整绘制样式的场景。

类OpenCV全量图像处理需求 #

• react-native-opencv3：OpenCV的React Native封装版本，支持OpenCV全量的图像处理、特征识别、几何绘制能力，完全能替代OpenCV的使用需求。注意如果是Expo托管项目，需要先执行expo prebuild生成原生安卓项目后再完成原生集成，集成完成后可直接调用对应矩形绘制API，传入图片路径和坐标参数即可输出结果。

以下是expo-image-manipulator绘制正方形的核心代码示例：

import { manipulateAsync } from 'expo-image-manipulator';

const drawSquareOnImage = async (imageUri, x, y, sideLength) => {
  const processedImage = await manipulateAsync(
    imageUri,
    [
      {
        draw: [
          {
            type: 'rectangle',
            position: { x, y },
            size: { width: sideLength, height: sideLength },
            color: '#FF0000', // 正方形颜色
            borderWidth: 2 // 边框宽度，设为0就是填充效果
          }
        ]
      }
    ],
    { format: 'png', quality: 1 }
  );
  return processedImage.uri;
};

内容的提问来源于stack exchange，提问作者Tris