想实现css的切图功能,代码在浏览器上有效,小程序切图无效,甚至连图片都没有了。
test.png是一张320x347像素的图片。
wxml代码如下:
<image src="/images/test.png" style="position:absolute;clip:rect(0px 100px 100px 0px);width:320px;height:347px">
</image>
将style写在wxss,同无效。
<image class="the-paper" src="/images/paper.png">
</image>
.the-paper{
position:absolute;
clip:rect(0px 100px 100px 0px);width:320px;height:347px
}
哪位同学有解决方案?
网友回复:
建议你用背景图片,然后CSS定位过去,因为小程序里面的image标签和HTML中的还是有区别的~
徽信:mianhuabingbei
解决方案:
.the-paper{
background-image:url('外网url');
background-repeat:no-repeat;
background-position:-100px -100px;
height:347px;
width:320px;
}