Javascript 如何显示非常具体的药水图像
从上面的图像中,我只想显示图像的部分(白色边框的内部)。我使用的是React-Native,但我认为这可能是Javascript、CSS或React-Native问题 可以给出白色边框位置信息的示例:如果白色正方形位于(200,200)的左上角坐标中,宽度为100的正方形,则白色正方形的数据为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')}
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寻找答案。但我可以为我的解决方案开发您的解决方案:)