plus.nativeObj.View 无法绘制img

分类：HTML5+

uniapp nativeObj HTML5+

var pages = getCurrentPages();    
var page = pages[pages.length - 1];  
var currentWebview = page.$getAppWebview();    
var footer = new plus.nativeObj.View('test',  
    {top:'0px',left:'0px',height:'44px',width:'100%',backgroundColor:'#000'},  
    [  
        {tag:'img',id:'img',src:'logo.png',position:{top:'80px',left:'0px',width:'50px',height:'50px'}},  
        {tag:'rect',id:'rect',color:'#FF0000',position:{top:'0px',left:'0px',width:'100%',height:'1px'}},  
        {tag:'font',id:'font',text:'原生控件',textStyles:{size:'18px',color:"#fff"}}  
    ],  
)  

currentWebview.children()[0].append(footer);

除了img的tag其他都能绘制出来，不知道是什么问题。

2019-03-18 11:27 负责人:无分享

4 个回复

DCloud_Android_ST

可能是地址问题

TomVision (作者)

index.vue同目录不是 ./logo.png 吗，我用 ../../static/logo.png 也不行

2019-03-18 11:43
DCloud_UNI_CHB

回复 TomVision:图片资源需要放在static目录下，放在pages目录下编译时会忽略；绘制图片时，建议直接使用绝对路径，比如：/static/logo.png

2019-03-18 12:33
TomVision (作者)

回复 DCloud_UNI_CHB: 原来绝对路径是根目录。。

2019-03-18 12:42

DCloud_App_Array

{tag:'img',id:'img',src:'logo.png',position:{top:'80px',left:'0px',width:'50px',height:'50px'}},
top为80px，超过父View的高度了。

8***@qq.com

image 可以设置border-radius吗

2020-06-17 15:44

微图科技

老哥解决没，我也遇到原生控件无法绘制图片的问题了，这里的我使用plus官网的代码，直接运行，只有文字和rect可以，目前只有img不行

HawkLu92 - GoodGoodCoding，DayDayNoBug

如果是直接放在static目录下，前面不要加任何东西，就可以正常显示

 {  
    tag: 'img',  
    id: 'backimg',  
    src: 'static/back-white.png',  
    position: {  
        left: uni.upx2px(28)+'px',  
        top:_this.stusBarHt+uni.upx2px(16)+'px',  
        height:uni.upx2px(60)+'px',  
        width:uni.upx2px(60)+'px'  
    }  
}

该问题目前已经被锁定, 无法添加新回复

plus.nativeObj.View 无法绘制img

4 个回复

公告

相关问题

plus.nativeObj.View 无法绘制img

与内容相关的链接

4 个回复

公告

相关问题