全栈工程师
全栈工程师
  • 发布:2021-01-21 11:34
  • 更新:2021-02-02 12:38
  • 阅读:82

plus.nativeObj.View 绘制图片 能设置圆角吗

分类:HTML5+

plus.nativeObj.View 绘制图片 能设置圆角吗 ?想设置一个圆角图片
代码如下:

,{  
                        tag:'img',  
                        id:'img',  
                        src:'static/images/logo.png',  
                        position:{  
                            top:'2px',  
                            left:'1px',  
                            width:'48px',  
                            height:'48px'  
                        },  

                    }
2021-01-21 11:34 负责人:无 分享
已邀请:
福旅

福旅

你可以看下这个属性(RectStyles)是否适用

福旅

福旅

最简单的方法把图片做成圆的

林志鸿Zion

林志鸿Zion

drawRect

绘制矩形区域

void view.drawRect(color, position, id);

说明:

在当前View控件之上绘制指定颜色的矩形区域。

参数:

styles: ( RectStyles | String ) 必选 矩形区域的样式
字符串类型或RectStyles类型,使用字符串时表示设置矩形区域的颜色,可取值: "#RRGGBB"格式字符串,如"#FF0000"表示绘制红色区域; "rgba(R,G,B,A)",其中R/G/B分别代表红色值/绿色值/蓝色值,正整数类型,取值范围为0-255,A为透明度,浮点数类型,取值范围为0-1(0为全透明,1为不透明),如"rgba(255,0,0,0.5)",表示红色半透明。 默认值为"#FFFFFF"(白色)。

position: ( Position ) 可选 绘制的矩形区域
相对于View控件的区域信息,默认值为{top:'0px',left:'0px',width:'100%',height:'100%'}。

id: ( String ) 可选 绘制操作标识
当前View控件已经存在此绘制操作(包括drawBitmap/drawRect/drawText)标识,则更新绘制操作。 否则做为新的绘制操作处理。

——————————————————————————
RectStyles

绘制区域样式对象

interface RectStyles {
attribute String color;
attribute String radius;
attribute String borderColor;
attribute String borderWidth;
}

画完用Rect覆盖一层圆形区域试试看
否则只能图片做圆形

  • 全栈工程师 (作者)

    因为这个层级是后来的在上面,只能先画一个图片,再在图片上做一层圆形区域,看能不能覆盖。谢谢你的思路

    2021-02-02 13:39

要回复问题请先登录注册