如何显示非常具体的图像部分

Question

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

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

示例代码：

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

我可以使用给定数据显示图像的非常特定部分吗？ （left，top，thumbSize）

谢谢！

更新预期输出为100 x 100，位于（200,200）。

Answer 1

在Chromium 62上测试

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

在CSS中使用clip属性可以剪辑它。 显示您想要展示的任何部分。