taro图片上加图片 taro引入背景图语法

需求在一个大图片上，对应的位置贴上一个小图片，打算用relative和absolute方式实现。但是发现image标签上无法加载出image标签

所以才用外层view，view引入背景图，在view上贴图片

          <View className='home-top-bg-img' style={{ backgroundImage: `url(${hometop})`, backgroundSize: '100% 100%' }}><Text className="app-title">title</Text><Image className='locationImg' src={location}></Image></View>

css代码

    .home-top-bg-img {position: relative;height: 520px;width: 100vw;.app-title {position: absolute;top: 56px;left: 60px;display: block;font-size: 60px;color: #FFFFFF;font-weight: 600;}.locationImg{position: absolute;top: 200px;left: 50px;width: 100px;height: 32px;background-color: red;}}

效果如下

可以看到红色的location加到了大的图片上

taro图片上加图片 taro引入背景图语法相关推荐

iOS修改图片尺寸和裁剪功能以及图片上加图片图片加文字（水印效果）
1.修改图片尺寸 - ( UIImage *)imageWithImageSimple:( UIImage *)image scaledToSize:( CGSize )newSize { ...
PHP 合成图片并在图片上加文字
/*** Info: PHP把一张图片作为背景和另一张图片合成新图片*/public function createImage(){$path_1 = 'XXXXX/attachment/images ...
初学Python-简单的，在图片上加png（logo）
昨天尝试了在图片上添加文字(传送门:初学Python-简单的在图片上加文字) 今天就来尝试在图片上添加png 为什么是png图片?jpg可以不? 当然是可以的! 但是考虑到,logo一般为了好看,都采 ...
jp在java中无法编译_JPanal上加图片的问题！
JPanal上加图片的问题! import java.awt.BorderLayout; import java.awt.Dimension; import javax.swing.JFrame; i ...
html字母上方加箭头,html5怎么在图片上加左右箭头
html5怎么在图片上加左右箭头0 html5怎么在图片上加左右箭头 a[href]{font-size:25px;}a[href][id]{background-color:black;... ht ...
在html中加入一个动态图,图片上加gif图片图片某个角落贴个gif动态图，如何在静态图片上面加一张GIF动态图...
喜欢上网的小伙伴就会知道网上流传灰常广泛一种搞笑gif动态图片,这类图片大部分是视频转gif的,就是截取视频经典搞笑画面制作而成,还加了些搞笑文字.使用网络聊天工具尤其是QQ就最常见了,那些搞笑的表情 ...
Ubuntu下的opencv：在图片上加汉字和数字
文章内容:本文主要介绍汉字的编码规则,并在ubuntu下调用opencv把汉字和数字叠加在图片上. 一.汉字编码 (一)区位码在国标 GD2312-80 中规定,所有的国标汉字及符号分配在一个 94 ...
如何批量在图片上加统一的文字？
工作中我们对图片的需求可谓是五花八门,比如批量在图片上加上相同的文字,相信不少小伙伴遇到过, 遇到这种情况的时候你一般会怎么处理呢?有些小伙伴会乖乖的用画图工具或PS软件一个一个添加,这样既不能做到统 ...
python2和python3实现在图片上加汉字
文章目录 Python2 在图片上加汉字代码实现 Python3 在图片上加汉字代码实现遇到的问题 python2和python3实现在图片上加汉字,最主要的区别还是内部编码方式不一样导致的,在代码 ...

taro图片上加图片 taro引入背景图语法

taro图片上加图片 taro引入背景图语法相关推荐

最新文章

热门文章