微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在源为数据uri格式的图像中应用CSS时有什么区别吗?

如何解决在源为数据uri格式的图像中应用CSS时有什么区别吗?

我正在尝试第一次为开源做贡献。 我正在使用scss在react(通过将src或图像的url和图像的大小作为两个道具传递给自定义组件)中的图像(更具体地..图像的大小)的样式,并且当url例如基于web时它可以很好地工作 url =“ https://source.unsplash.com/1000x2000/?Nature” 。 但是,当我以这种数据uri格式传递它时-> url =“ data:image / svg + xml; base64,PHN2Z .....” 作为我的自定义react组件,大小对图像没有影响。

所以我只想知道在设计此自定义react组件时是否应该注意任何区别。

注意:-仅当我通过一个仅以全屏显示图像的附加“全屏”道具时,才会出现此问题。但是当我传递基于Web的URL而不是数据URI时,它可以正常工作。 当我不将fullScreen属性传递给我的react组件时,它也可以与数据URI一起使用。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。