TomVision
TomVision
  • 发布:2019-03-18 11:27
  • 更新:2019-11-18 15:16
  • 阅读:1399

plus.nativeObj.View 无法绘制img

分类: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 负责人:无 分享
已邀请:
DCloud_Android_ST

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

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

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'  
    }  
}

要回复问题请先登录注册