Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示非常具体的药水图像_Javascript_Css_Image_Reactjs_React Native - Fatal编程技术网

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

Javascript 如何显示非常具体的药水图像,javascript,css,image,reactjs,react-native,Javascript,Css,Image,Reactjs,React Native,从上面的图像中,我只想显示图像的部分(白色边框的内部)。我使用的是React-Native,但我认为这可能是Javascript、CSS或React-Native问题 可以给出白色边框位置信息的示例:如果白色正方形位于(200,200)的左上角坐标中,宽度为100的正方形,则白色正方形的数据为left:200,top:200,thumbSize:100 示例代码: return ( <Image source={require('../../path/img.jpg')}

从上面的图像中,我只想显示图像的部分(白色边框的内部)。我使用的是React-Native,但我认为这可能是Javascript、CSS或React-Native问题

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

示例代码:

return (
  <Image
    source={require('../../path/img.jpg')}
    ??
    style={{??}}
  />
);
返回(
);
我可以用给定的数据显示图像的特定部分吗?(左、上、拇指大小)

谢谢

更新预期输出为100乘100平方,位于(200200)处

在铬62上测试

img {
 position: absolute;
 clip: rect(0px,60px,200px,0px);
 }
使用CSS中的clip属性可以对其进行剪裁。
展示你想展示的任何部分。

你可以从以下方面获得帮助:嗯,这有点不同。我不想选择它的部分,而是想显示100乘100的正方形。谢谢!!我正在研究React Native。我正在为React Native CSS寻找答案。但我可以为我的解决方案开发您的解决方案:)