开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

View.draw(画布)在ImageView中设置的圆形png周围留下灰色边框

View.draw(画布)是Android开发中的一个方法，用于绘制视图的内容。在ImageView中设置的圆形png周围留下灰色边框的问题，可以通过以下步骤解决：

确保你的png图片是一个完整的圆形，没有任何边框或者透明区域。
在代码中使用ImageView来显示这个圆形png图片。
设置ImageView的背景颜色为透明，可以使用android:background="@android:color/transparent"来实现。
设置ImageView的scaleType属性为centerCrop，这样可以保持图片的比例并填充整个ImageView。
如果还是出现灰色边框，可能是因为ImageView的父容器设置了背景颜色或者边框。可以检查父容器的背景设置，并确保没有设置任何边框。

总结： View.draw(画布)方法是Android开发中用于绘制视图内容的方法。在ImageView中设置圆形png图片时，需要注意ImageView的背景颜色、scaleType属性以及父容器的背景设置，以避免出现灰色边框。

腾讯云相关产品推荐：

腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和管理大量非结构化数据。产品介绍链接：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可满足不同规模应用的需求。产品介绍链接：https://cloud.tencent.com/product/cvm
腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。产品介绍链接：https://cloud.tencent.com/product/ai

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Fabric.js 自由绘制圆形

本文简介这次要讲的是自由绘制圆形。在《Fabric.js 自由绘制矩形》里讲到的思路，放在圆形里不太适用。这次要做到的效果如下图所示。...canvas.selectionBorderColor = 'rgba(255, 255, 255, 0.3)' // 选框边框颜色：半透明灰色 canvas.skipTargetFind...：透明度很低的黑色（看上去是灰色） canvas.skipTargetFind = true // 禁止选中 break } } // 鼠标在画布上按下 function...downPoint.x : downPoint.x - radius * 2 // 分别设置圆形的半径、top和left currentCircle.set('radius', radius...(currentCircle) } else { if (currentCircle) { // 创建圆形（其实是把圆形边框的颜色改成 #000 currentCircle.set

3.7K3 0

如何用Scratch 3绘制矢量图形【Gaming】

矢量可以创建任意大小的平滑的作品。在Scratch中，游戏中可玩的角色称为精灵。...我将通过解释如何绘制苹果来演示在Scratch中绘制矢量精灵的所有要点，但是您可以将此方法应用于任何要创建的对象。...绘图工具 Scratch的矢量绘图工具箱是您找到绘制对象所需工具的地方：图片7.png 下面是一些与绘制矢量图形相关的词汇：画布Canvas：你画的地方；白色和灰色的盘是透明的节点Node：沿对象路径确定对象形状的点...警告：如果单击绘图屏幕底部的“转换为位图”按钮，则插图将变成像素化位图图像，并且无法将其还原为矢量。画苹果形状 1. 选择一个空的精灵画布，然后选择圆形工具。通过单击空画布并拖动鼠标创建一个圆。...–如果要在对象周围添加或移除彩色边框，请选择“轮廓”下的下拉菜单。图片9.png 3. 选择节点工具。单击对象的中心将其选中。您将看到四个节点均匀分布在圆的边缘。

5.5K0 0

p5.js 光速入门

p5.js 第一个测试版在 2014年8月发布。更多的故事可在 p5.js 官网中寻找，本文的目标是光速入门 p5.js 。...灰度模式是默认的颜色模式，不需要进行特殊设置。灰度模式的取值范围是 0 ~ 255。0表示黑色，255表示白色，中间的其他值表示不同程度的灰色。...一个是写在 setup() 里，在初始化画布时可以设置画布背景色。还可以写在 draw() 里，每次刷新画布都可以设置画布背景色。写在 draw() 里，画布每次刷新都会重新设置一次背景色。...() 方法可以设置图形边框的粗细。...如果没重新设置背景色的话，上一帧的圆会保留下来。很多时候保留上一帧的数据会产生不错的艺术作品。

5.1K4 1

用Python绘制棒棒糖图表，真的好看！

下面将最后一年，即2019年的数据区分出来。给2019年的条形着色为黑色，其他年份为浅灰色。并且在图表中添加散点图，可在条形图的顶部绘制圆形。...# 新建画布 fig, ax = plt.subplots(1, figsize=(12, 8)) # 年份数 n = len(df) # 颜色设置 colors = ['black'] + ((n-...可以使用参数标记在两端绘制圆，而不是只在顶部生成散点图。然后可以通过更改y-limit参数来隐藏最底端的圆。...、右边框 ax.spines['right'].set_visible(False) ax.spines['top'].set_visible(False) # 设置x、y轴范围 plt.xlim(1948...、右边框 ax.spines['right'].set_visible(False) ax.spines['top'].set_visible(False) # 设置x、y轴范围 plt.xlim(1948

1.4K3 0

用Python绘制棒棒糖图表，真的好看！

下面将最后一年，即2019年的数据区分出来。给2019年的条形着色为黑色，其他年份为浅灰色。并且在图表中添加散点图，可在条形图的顶部绘制圆形。...# 新建画布 fig, ax = plt.subplots(1, figsize=(12, 8)) # 年份数 n = len(df) # 颜色设置 colors = ['black'] + ((n-...可以使用参数标记在两端绘制圆，而不是只在顶部生成散点图。然后可以通过更改y-limit参数来隐藏最底端的圆。...、右边框 ax.spines['right'].set_visible(False) ax.spines['top'].set_visible(False) # 设置x、y轴范围 plt.xlim(1948...、右边框 ax.spines['right'].set_visible(False) ax.spines['top'].set_visible(False) # 设置x、y轴范围 plt.xlim(1948

1.2K2 0

Fabric.js 自由绘制矩形（逐一分析4种操作方向带来的影响）

接下来的几篇文章我会写如何自由绘制圆形、椭圆形、三角形、线段、折线、多边形。本文不做任何 CSS 相关的美化，只讲解实现原理。下图是本文的要实现的效果。...image.png 起始点x 结束点y 宽：(起始点x - 结束点y)的绝对值高：起始点y - 结束点y 左上角在x轴的坐标：起始点x (比较x坐标，取小的那个，可以用...:down', canvasMouseDown) // 鼠标在画布上按下 canvas.on('mouse:up', canvasMouseUp) // 鼠标在画布上松开 } //...canvas.selectionBorderColor = 'rgba(255, 255, 255, 0.3)' // 选框边框颜色：半透明灰色 canvas.skipTargetFind...：透明度很低的黑色（看上去是灰色） canvas.skipTargetFind = true // 禁止选中 break } } // 鼠标在画布上按下 function

3.1K3 0

HTML5图形绘制

一个画布在网页中是一个矩形框，通过标签来绘制，标签默认没有边框和内容，需要使用style属性来添加边框。...canvas标签通常需要指定一个id属性(脚本中需要引用)，width和height属性定义画布的大小。可以在HTML页面中使用多个标签。示例如下。 <!...] JavaScript在画布上的绘图需要首先创建画布，然后创建context对象，最后调用相关属性和方法完成绘图。...对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法 ctx.fillStyle="#FF0000"; //设置fillStyle属性可以是CSS颜色，渐变，或图案 //fillStyle 默认设置是...fillRect(0,0,150,100)是指在画布上绘制150100的矩形，从左上角开始(0,0)。画布上的X和Y坐标用于在画布上对绘画进行定位，鼠标移动的矩形框上，显示定位坐标。

2.1K0 0

Android 自定义上面圆角下面直角的ImageView

类似于这样的图片： image.png 之前用过RoundImageView，其实就是自定义ImageView。想了一下自己重新画一下图片不就ok了么？再给布局设置一个圆角效果。...，依次为左上角x,y半径、右上角、右下角、左下角接下来我们就自己画一下imageview 我们给路径添加圆角矩形,将我们定义的圆角半径设置进去，给canvas切割一下画布就可以了。...imageview就画成了上面是圆角，下面是直角了。如果需要图片的四个角为不同的直角圆角，只需要改一下我们的圆角半径值就可以了。...，然后设置一下布局的background就ok了比较简单，如果想要详细学习自定义圆角图片，推荐大家可以学习一下洪洋的 Android BitmapShader 实战实现圆形、圆角图片 Android...Xfermode 实战实现圆形、圆角图片这两篇文章，还是比较不错的

4K4 0

p5.js 3D图形-立方体

) // 设置画布背景色（灰色） box(100) // 创建立方体 } 这个例子使用 box() 创建出来的立方体，看上去不像立方体，只是一个平面。...) // 设置画布背景色（灰色） // 旋转角度 rotateX(10) rotateY(10) box(100) // 创建立方体 } 设置样式...) // 设置画布背景色（灰色） // 旋转角度 rotateX(10) rotateY(10) // 填充色 fill(255, 0, 0)...) // 设置画布背景色（灰色） // 旋转角度 rotateX(10) rotateY(10) // 不使用填充颜色 noFill()...box(100) // 创建立方体 } 在这个例子中，我加载了一个 gif 纹理，但这个纹理贴到立方体上是不会动的，因为立方体是在 setup() 里创建的，如果需要它会动

2.2K4 0

Fabric.js 从入门到________

创建 canvas 容器在 HTML 中创建，并设置容器的 id 和宽高，width/height <canvas width="400" height="400" id="c"...new fabric.Canvas 的第二个参数是用来设置画布基础功能的。...，所以在 setBackgroundColor 的第3个参数中设置了 repeat: 'repeat' ，表示重复渲染图片。...= "#1d2786" // 画布鼠标框选时的边框颜色 canvas.selectionLineWidth = 6 // 画布鼠标框选时的边框厚度 canvas.selectionDashArray...= [30, 4, 10] // 画布鼠标框选时边框虚线规则 canvas.selectionFullyContained = true // 只选择完全包含在拖动选择矩形中的形状 } onMounted

12.6K5 0

Android开发笔记（九十九）圆形转盘

圆形转盘的实现思想圆形转盘的运用场景常见的有：抽奖转盘、圆形菜单列表、热点客户端环状列表等等。对于圆形转盘的编码实现，主要难点除了手势的触摸控制之外，就在于旋转角度的计算了。...= null) { //这里要设置子控件的位置,另外子控件的位置为相对位置不是绝对位置 mImageView.layout(0, 0, 500, 500); } 圆形转盘的知识准备 Math...max : 取两个数字中的较大值 min : 取两个数字中的较小值科学计算函数 sqrt : 求平方根 cbrt : 求立方根 exp : 计算e的n次幂 log : 求自然对数值（底数为...Path和Matrix的方法： clipPath : 根据指定Path路径裁剪画布 drawPath : 在指定Path路径上绘画 drawTextOnPath : 在指定Path路径上写文本...drawBitmap : 根据指定矩阵画图 Bitmap.createBitmap : 根据指定矩阵创建图像代码示例限于篇幅，这里就不贴出圆形转盘的源码了，有需要的朋友可留下邮箱，我看到后把工程打包用邮件发过去

1.9K3 0

Android自定义AvatarImageView实现头像显示效果

我们项目中头像显示一般都是圆形的，但是有时候不排除各种样式（不一定是个规则的形状），比如上次UI给了我一个圆形下面少了一块。...1.2 实现　　继承ImageView，复写了imageview的四个setImage方法（为了更好的兼容性），在setImageDrawable方法中得到前景图片。...，默认MeasureSpec.EXACTLY （ match_parent , accurate ） * 并且布局文件中应该设置控件的宽高相等 */ viewWidth = MeasureSpec.getSize...private int mBitmapHeight; // 位图高度 private float mDrawableRadius;// 图片半径 private float mBorderRadius;// 带边框的的图片半径...Path path = new Path(); 然后可以把canvas修剪成我们路径区域的形状，就是画布形状已经确定，最后只用把图形画上去就行了。

2.2K6 1

Android开发笔记（九十八）往图片添加部件

添加圆角添加圆角的功能，要用到Canvas类的drawRoundRect方法，即把画布裁剪成指定的圆角矩形。下面是给图片添加圆角的效果截图： ?...添加边框有两种形式，一种是在图片四周添加图案，另一种是给图片添加边框图片。...本文实现的添加边框指的是后一种形式，该形式又有两种实现方式： 1、简单地把边框图片画在原图片上面，该方式的图像效果不够平滑，有明显的边缘； 2、对每个点，都把边框图与原图的颜色进行叠加，这样相当于是两张图片融合在一起...，也是在触摸按下时给布局容器添加部件，即添加部件图像的ImageView。...在高级使用场合，还得考虑能够回退写坏了的笔画，这需要建个路径数组，把签名每个步骤的路径都保存下来，在回退时就能按顺序依次回退。另外一个值得注意的地方，是如何把画布清空。

1K3 0

iOS-核心动画详解之CALayer

2.2.设置边框设置图层边框,在图层中使用CoreGraphics的CGColorRef //设置边框的颜色 _RedView.layer.borderColor = [UIColor whiteColor...].CGColor;``` 3.2 设置图形边框 //设置边框宽度 _imageView.layer.borderWidth = 2; //设置边框颜色 _imageView.layer.borderColor...= [UIColor whiteColor].CGColor; 3.3 设置图片的圆角半径 //我们设置的所有layer的属性只作用在根层上，根层设置为圆形后，其上面的图片并不会改变，因此需要裁剪。...>CALayer定义在QuartzCore框架中. CGImageRef、CGColorRef两种数据类型定义在CoreGraphics框架中....UIColor、UIImage定义在UIKit框架中. QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OSX上都能使用.

1.9K6 0

【CV 向】OpenCV 图形绘制指南

创建画布在开始图形绘制之前，我们首先需要创建一个空白的画布。在 OpenCV 中，我们可以使用 cv2.imread() 函数加载图像，或使用 np.zeros() 创建一个空白的图像作为画布。...我们可以通过调整 thickness 参数来设置矩形的边框粗细。 4. 绘制圆绘制圆形也是常见的图形绘制操作之一。在 OpenCV 中，我们可以使用 cv2.circle() 函数绘制圆形。...我们可以通过调整 thickness 参数来设置圆形的边框粗细，负值表示填充圆形。 5. 绘制椭圆绘制椭圆也是常见的图形绘制操作之一。...我们可以通过调整 thickness 参数来设置椭圆的边框粗细。 6. 绘制多边形绘制多边形是绘制复杂形状的常见操作。...points 是一个包含多个顶点坐标的数组，我们可以根据需要添加更多的顶点。我们可以通过调整 thickness 参数来设置多边形的边框粗细。 7.

3924 0

Android自定义View实现圆形切图效果

使用自定义View实现圆形ImageView的效果，具体内容如下 image.png 目前圆形边框还需要调整,这里有点问题实现思路使用一个Paint,将得到的Bitmap设置成paint的Shader...,设置完成后,使用Matrix调整图片至居中,使用RectF约束边框,最后完成绘制初始化Paint,设置Shader private void init() { getBitmapFromDrawable...mBorderBound.centerY(), mRadius, mBoundPaint); } 完整代码 /** * Created by shixi_tianrui1 on 16-10-7. * 显示圆形图片的...ImageView */ public class CircleImageView extends ImageView { private static final String TAG = "LOGGER...以上就是本文的全部内容，希望对大家的学习有所帮助。

6661 0

Android性能优化：过渡绘制解决方案

颜色与过渡绘制：原色：没有过度绘制蓝色：1 次过度绘制绿色：2 次过度绘制粉色：3 次过度绘制红色：4 次及以上过度绘制在平时的开发中，如果出现粉色及以上的过渡绘制情况。...，取得抽屉视图左、上、右、下边缘在canvas中的位置信息。...ImageView的background和imageDrawable重叠 Android中，所有的view均可以设置background。...ImageView除了能够设置background之外，还能设置ImageDrawable。...在开发中，很多时候需要显示图片，在图片加载出来之前通常是需要显示一张默认图片的，很多时候会使用ImageView的background属性来设置默认背景图，而imageDrawable来设置需要加载的图片

2.1K1 0

圣诞快乐，手绘CSS圣诞老人，DIY浪漫圣诞礼物！

本案例的效果如下图所示：创建响应式的CSS画布首先，我们需要创建一个画布（canvas），但这里的“canvas”并非指HTML中的元素，而是一个我们将在其中进行绘画的区域。...，画布必须设置为相对或绝对定位。...尽管在原始版本中，眼睛和脸颊的位置是相对于整个画布的，但在这个版本中，我们将它们放置在脸部内部，这样做可以更容易地进行管理。...绘制圣诞老人的身体部分在绘制圣诞老人的身体部分时，我们将使用一个类似钟形的形状，它在CSS中基本上是一个椭圆形，底部角半径较小。关于CSS中的形状，可以阅读我在这里发表的文章获得更多信息。...这与我们之前为眼睛使用的技术类似，但阴影将垂直放置，而不是水平放置。腰带扣其实就是一个矩形！我们在其周围添加金色边框，边框半径略微增加一点（我们不想要一个椭圆形）。

1381 0

熬夜总结了 “HTML5画布” 的知识点（共10条）

描边和填充样式 strokeStyle用来设置画笔样式，也就是直线，曲线，边框的样式 fillStyle用来设置填充样式 lineWidth用来设置线条的粗细 Canvas中的图形变换，渐变，文字和图片...示例： // 为画布设置边框 canvas { border: 1px solid #ccc; } // 准备画布，默认是300*150 // 设置画布的大小 <canvas width="1200...属性<em>设置</em>矩形<em>边框</em><em>的</em>颜色 lineWidth 属性<em>设置</em><em>边框</em><em>的</em>宽度 fillStyle 属性<em>设置</em>填充<em>的</em>颜色绘制网格，网格大小 var grid = 10; // 画多少条x轴方向<em>的</em>线，横向<em>的</em>条数，<em>画布</em><em>的</em>高度...，<em>画布</em>会按照300*150<em>的</em>比例进行缩放，将300*150<em>的</em>页面显示<em>在</em>400*400<em>的</em>容器<em>中</em>。...beginPath() 起始一条路径，或重置当前路径 moveTo() 把路径移动到<em>画布</em><em>中</em><em>的</em>指定点，不创建线条 lineTo()添加一个新点，<em>在</em><em>画布</em><em>中</em>创建从该点到最后指定点<em>的</em>线条 clip() 从原始<em>画布</em>剪切任意形状和尺寸<em>的</em>区域

7.5K1 0

自定义圆形控件RoundImageView并认识一下attr.xml

自定义圆形控件 RoundImageView ，我相信大家在开发中会经常遇到设置圆形头像的情况，因为这样的头像显得漂亮。怎么做呢？先看效果图： ?...讲之前解释一下attr.xml的作用，我用土话废话说，这样容易理解：比如我自定义一个控件，怎么实现呢，以RoundImageView为例，首先是继承ImageView,然后实现其构造函数，在构造函数中，...比如颜色和宽度，这个在attr.xml中定义了相关的名字，而在使用RoundImageView的xml布局文件中，我们会为其设置值，这里需要用的值，就是从那里设置的），并设置在本控件中，然后继承onDraw...比如颜色和宽度，这个在attr.xml中定义了相关的名字，而在使用RoundImageView的xml布局文件中，我们会设置其值，这里需要用的值，就是从那里设置的），并设置在本控件中，然后继承onDraw...-- 再解释一遍，我们在布局中使用了我们在sttr中定义的属性，并在这里的布局文件中赋了值，所以在RoundImageView类中的结构体设置属性使用的值，就是我们在这里赋的，如果不使用attr.xml

1.1K8 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭