如何显示图像的非常具体的药水

Question

从上图中，我只想显示图像的一部分（白色边框内）。我正在使用 React Native，但我认为这可能是 Javascript、CSS 或 React Native 问题。

可以给出示例白边位置信息：如果白色方块位于左上坐标(200, 200)，宽度为100的方块，则白色方块的数据为left:200, top:200, thumbSize:100。

示例代码：

return (
  <Image
    source={require('../../path/img.jpg')}
    ??
    style={{??}}
  />
);

我可以用给定的数据显示图像的特定部分吗？ （左、上、拇指大小）

谢谢！！

更新 预期输出为位于 (200, 200) 处的 100 x 100 平方。

Answer 1

在 Chromium 62 上测试

img {
 position: absolute;
 clip: rect(0px,60px,200px,0px);
 }

使用 CSS 中的 clip 属性可以对其进行剪辑。 显示您想要显示的任何部分。