Android 清除canvas内容（转载）

最新推荐文章于 2024-04-27 18:44:23 发布
转载 最新推荐文章于 2024-04-27 18:44:23 发布 · 1.6k 阅读 · 0

本文介绍了两种清除Android应用中Canvas画布的方法。方法一使用canvas.drawColor结合Color.TRANSPARENT及PorterDuff.Mode.CLEAR实现；方法二通过创建Paint对象并设置Xfermode为PorterDuff.Mode.CLEAR，然后绘制整个画布来清除内容。

转载自：https://blog.youkuaiyun.com/heiding215/article/details/19197733

画新的东西之前需要先清除画布内容：

方法1：

[java]  view plain  copy
  1. canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);  

方法2

[java]  view plain  copy
  1. Paint paint = new Paint();    
  2. paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));    
  3. canvas.drawPaint(paint);    
  4. paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));    
清空HTML5 Canvas中的绘图内容
DevProZ的博客
10-04 3500
然后，调用clearRect方法并传入四个参数：清除区域的左上角x坐标（0）、左上角y坐标（0）、清除区域的宽度（canvas.width）、清除区域的高度（canvas.height）。上述示例代码中，创建了一个具有id为"myCanvas"的Canvas元素，并在页面上放置了一个"清空Canvas"的按钮。clearRect方法是Canvas的上下文对象（context）提供的一个方法，它可以清除指定矩形区域内的内容。当你修改Canvas的宽度时，浏览器会自动清除Canvas中的内容。
Android实现手写签名 (附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-16 429
Android实现手写签名 (附完整源码)
清除canvas画布内容(点擦除+线擦除)
11-20
清空canvas画布内容 1、重置宽或高 由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：（此方法仅限需要清除全部内容的情况） var c=document.getElementById("myCanvas"); c.width=c.width; 2、clearRect var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="red"; ctx.fillRect(0,0,300,150); ctx.clearRect(20,20,100,5
Android 自定义画布 绘制 撤销 清空
03-13
Android 自定义画布 绘制 撤销 清空 ssssssssssssss
android开发--Canvas清屏只需三句话
分享技术干货和灵感
11-28 1929
这两三天一直在研究这个问题，今天终于成功了。我最终要实现的效果是，类似于照相机照相时，第一次按下按键，会出现矩形框框住人脸，这时我不想照相，再次按下会再次框出人脸，重新画个新的矩形框。 就这么简单。 误区一：我设置了一个clearDraw（）的子函数，在子函数里设置： void clearDraw() { /*对画布进行清屏*/ Canvas c...
android canvas 清空画布,清除canvas画布内容(点擦除+线擦除)
weixin_33636371的博客
06-02 7680
清空canvas画布内容1、重置宽或高由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：(此方法仅限需要清除全部内容的情况)var c=document.getElementById("myCanvas");c.width=c.width;2、clearRectvar c=document.getElementById("myCanvas");var ctx=c....
Android的绘制详解(Canvas、Paint、Path等)
feather(猎羽)
04-01 2584
转载请注明：https://blog.youkuaiyun.com/feather_wch/article/details/79783182 View绘制详解 版本: 2018/4/3-1 View绘制详解 Canvas Path Paint 文本绘制 Canvas的范围裁剪和集合变换 View的绘制顺序 知识储备-考考你 参考资料 Canvas 1、View的自定义绘制包含哪...
canvas 擦除动画_HTML5 实现橡皮擦的擦除效果
weixin_31971181的博客
01-14 1013
声明：本文为原创文章，如需转载，请注明来源WAxes，谢谢！最近项目刚好用到这种效果，也就是有点像刮刮卡一样，在移动设备上，把某张图片刮掉显示出另一张图片。效果图如下：DEMO请戳右：这种在网上还是挺常见的，本来就想直接网上找个demo套用下他的方法就行了，套用了才发现，在android上卡出翔了，因为客户要求，在android不要求特别流畅，至少要能玩，但是网上找的那个demo实在太卡，根本就...
【我的Android进阶之旅】优化自定义View时onDraw方法警告Avoid object allocations during draw/layout operations (prealloca
字节卷动
01-16 1637
一、问题描述 今天看了下之前的一个自定义View，发现在onDraw(Canvas canvas)方法中，有大量的黄色Lint警告：Avoid object allocations during draw/layout operations (preallocate and reuse instead) 如下所示： `Avoid object allocations during draw/la...
Android Paint之 setXfermode PorterDuffXfermode 讲解
GAStudio
04-07 3万+
前面关于paint的方法讲解里，讲到 setXfermode 就截止了，原因有两个： 1. 那篇文章已经太长了，我自己都看不下去了； 2. setXfermode 在paint 里占有至关重要的地位； 基于以上两个原因，我们一起来看看这个方法有何妙用。 首先我们还是来看看关于这个方法的说明： /** * Set or clear the xfermode object.
Android 自定义画布canvas 实现绘制和清空画布功能
10-21
Android 自定义画布canvas 实现绘制和清空画布功能，内含源码、apk
Android 清除canvas内容
热门推荐
O^O
02-14 4万+
画新的东西之前需要先清除画布内容： 方法1： canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR); 方法2 Paint paint = new Paint(); paint.setXfermode(new PorterDuffXfermode(Mode.CLEAR)); canvas.d
清空canvas内容
zhengzun的专栏
08-09 1388
public void clear()   {       Paint paint = new Paint();       paint.setXfermode(new PorterDuffXfermode(Mode.CLEAR));       canvas.drawPaint(paint);       paint.setXfermode(new PorterDuffXfermode
Android 自定义View 清除画布canvas
huangsikai1的博客
04-27 823
逻辑就是当调用清除函数是会把clear置为true，之后触发重绘函数，在onDraw函数中，如果clear是true的话先把clear重置为false之后直接return结束函数，达成清除效果。在自定义view下定义一个全局变量。在onDraw方法中加入如下代码。
清除Canvas 画过的内容
weixin_45844542的博客
08-31 3521
清除Canvas 上一次的内容 <!--插入一个canvas画布 --> <canvas id="myCanvas" width="300" height="300" ></canvas> <botton onclick="cls">清空</botton> function cls(){ //获取canvas的ID var c=document.getElementById("myCanvas"); var ctx=c.getConte
Canvas清除画布
乾坤我做主的博客
02-29 1766
clearRect() 函数指定起始点的x, y 位置以及宽度和高度来清除画布。使用白色背景色简单地填充整个画布，可以清除当前内容。当画布的宽或高被重置时，当前画布内容就会被移除。
canvas中的清空画布
_being_的专栏
09-12 2万+
使用下面方法： 1. context.clearRect(x,y,width,height); 2. save() 和 restore() 3. getImageData()和putImageData()第一种方法：适合按区域清空，比如整个画布。 第二种方法：就像一个保存画布状态栈，可以撤销，恢复。是一对 操作。 第三种方法： 和第二种有点相似，不是成对出现（putI
Canvas清理画布
靠谱青年
03-15 3160
清理画布 第一种方式：canvas.drawColor(colorAlpha, PorterDuff.Mode.CLEAR); 第二种方式： Paint p = new Paint(); p.setXfermode(new PorterDuffXfermode(Mode.CLEAR)); canvas.drawPaint(p); p.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 这两
Android 移动开发 | 一键清空Canvas画布的三种方式
go
11-23 6773
最近在写Android 图形图像画布开发过程中，画布清空一直是一个问题，后面捣鼓完成，简单粗暴有下面三种方法： // 清空画布的方法： public void clear() { // 方法一： canvas.drawColor(0,PorterDuff.Mode.CLEAR); // 方法二： canvas.drawColor(Color.TRANSPARENT,PorterDuff.Mode.CLE
android canvas清除画布内容
最新发布
09-04
在Android中，使用Canvas清除画布内容有以下几种方法： ### 利用Paint和PorterDuffXfermode 可以创建一个Paint对象，并设置其Xfermode为`PorterDuff.Mode.CLEAR`，然后使用`canvas.drawPaint(paint)`方法清除画布，之后再将Xfermode设置回`PorterDuff.Mode.SRC`。示例代码如下： ```java Paint paint = new Paint(); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR)); canvas.drawPaint(paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC)); ``` 也可以使用`canvas.drawColor`方法，将颜色设置为透明并指定`PorterDuff.Mode.CLEAR`模式： ```java canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR); ``` 这种方法适用于简单的画布清除场景，不过如果线条多次绘制且中间有其他操作时，处理起来可能较复杂[^1]。 ### 将Canvas内容转化为Base64编码的Image 若线条多次绘制且中间存在其他操作，可将整个canvas画布转化成Base64编码的image，后续再次绘制时把这个image数据绘制到canvas上，以便继续进行绘制和擦除内容，但此方法较难实现线擦除功能[^2]。 ### 在自定义View中使用全局变量控制清除 在自定义View里定义一个全局布尔变量`clear`，初始值为`false`。在`onDraw`方法中，若`clear`为`true`，先将`clear`重置为`false`，并进行清除路径等保存绘画路径的逻辑，然后直接`return`结束函数。同时，编写一个清除方法`clearC`，在该方法中将`clear`置为`true`，并调用`invalidate`方法触发重绘。示例代码如下： ```java class MyCustomView extends View { boolean clear = false; public MyCustomView(Context context) { super(context); } @Override protected void onDraw(Canvas canvas) { if (clear == true) { clear = false; // 这里做清除path等保存绘画路径的逻辑 return; } // 下面是正常的绘画代码 } public void clearC(MyCustomView myCustomView) { clear = true; myCustomView.invalidate(); } } ``` 此方法通过控制重绘流程来实现画布清除效果[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值