详细问题描述
HTML5+中NativeObj的TextStyles对象中verticalAlign属性无效,即使声明verticalAlign:'top',字体仍然按照默认的垂直middle居中对齐。
重现步骤
最简单的页面创建一个view,然后在里面执行drawText即可出现bug。即使声明verticalAlign:'top',字体仍然按照默认的垂直middle居中对齐。
运行环境
Windows10
[浏览器版本]
无需浏览器
[IDE版本]
HBuilder
9.1.14.201808032109
[mui版本]
不需要使用mui
附件
[代码片段]
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<body>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
// H5 plus事件处理
function plusReady(){
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
// 创建原生View控件
function createView(){
var view = new plus.nativeObj.View('test',{top:'0px',left:'0px',height:'100%',width:'100%'});
// 绘制文本
view.drawText('原生绘制的文本内容', {top:'0px',left:'0px',width:'100%',height:'100%'}, {align:'left',color:'#FF0000',verticalAlign:'top'});
view.show();
}
</script>
<button onclick="createView()">创建View对象</button><br/>
</body>
</html>
[安装包]
官方安装包
联系方式
[QQ]
957661926
[电话]
18292886339
0 个回复