👋 你好，欢迎来到我的博客！我是【菜鸟不学编程】
   我是一个正在奋斗中的职场码农，步入职场多年，正在从“小码农”慢慢成长为有深度、有思考的技术人。在这条不断进阶的路上，我决定记录下自己的学习与成长过程，也希望通过博客结识更多志同道合的朋友。
  
  🛠️ 主要方向包括 Java 基础、Spring 全家桶、数据库优化、项目实战等，也会分享一些踩坑经历与面试复盘，希望能为还在迷茫中的你提供一些参考。
  💡 我相信：写作是一种思考的过程，分享是一种进步的方式。
  
   如果你和我一样热爱技术、热爱成长，欢迎关注我，一起交流进步！

概述：图像处理和滤镜的需求

图像处理和滤镜效果在现代应用开发中有着广泛的应用，尤其是在社交应用、照片编辑软件、增强现实（AR）和游戏中，用户通常需要对图像进行各种操作，如调整亮度、对比度、应用模糊、锐化效果等。随着移动设备性能的提升，图像处理不再是高性能设备的专利，越来越多的应用可以在移动端实现丰富的图像编辑和滤镜效果。

在鸿蒙操作系统中，图像处理和滤镜效果可以通过 Canvas 类进行高效绘制。Canvas 提供了丰富的绘图工具，支持绘制基本图形、图像及应用各种滤镜效果，开发者可以利用这些功能实现图像编辑和特效处理。

本文将介绍如何使用 Canvas 类进行基本的图像绘制，如何应用模糊、锐化等滤镜效果，以及如何通过代码实现图像处理和滤镜特效。

使用 Canvas 进行图形绘制

在鸿蒙中，Canvas 提供了图形绘制的基本功能。开发者可以通过 Canvas 来绘制矩形、圆形、线条、路径等基本图形，甚至可以处理图像的绘制。

1. 绘制基本图形

首先，了解如何使用 Canvas 绘制基本的几何图形是理解图像处理的基础。以下是通过 Canvas 绘制简单矩形、圆形和线条的示例。

示例：绘制矩形、圆形和线条

import ohos.agp.graphics.Canvas;
import ohos.agp.graphics.Color;
import ohos.agp.graphics.Paint;
import ohos.agp.components.Text;
import ohos.app.ability.AbilitySlice;

public class BasicCanvasDrawing extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        setUIContent(ResourceTable.Layout_ability_basic_canvas);

        Canvas canvas = new Canvas();
        Paint paint = new Paint();
        
        // 绘制矩形
        paint.setColor(Color.RED);
        canvas.drawRect(50, 50, 200, 200, paint);

        // 绘制圆形
        paint.setColor(Color.GREEN);
        canvas.drawCircle(300, 150, 50, paint);

        // 绘制线条
        paint.setColor(Color.BLUE);
        canvas.drawLine(50, 250, 200, 250, paint);
    }
}

代码解释：

• drawRect() 用于绘制矩形。
• drawCircle() 用于绘制圆形。
• drawLine() 用于绘制直线。

这些基本操作是图像处理的基础，在此基础上，开发者可以进一步实现滤镜效果和图像变换。

图像滤镜和特效

滤镜和特效是图像处理中的常见需求，可以通过多种算法对图像进行模糊、锐化、颜色调整等处理。鸿蒙提供了多种方式实现这些效果，主要通过 Canvas 类中的相关方法，如 setShader() 和 setColorFilter()。

1. 实现模糊效果

模糊效果常用于给图像增加柔和的外观或模拟景深。一般来说，模糊滤镜可以分为高斯模糊和快速模糊等。

示例：实现高斯模糊效果

import ohos.agp.graphics.Bitmap;
import ohos.agp.graphics.BitmapFactory;
import ohos.agp.graphics.Color;
import ohos.agp.graphics.Paint;
import ohos.agp.components.Image;

public class BlurEffectExample extends AbilitySlice {
    private Image imageView;

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        setUIContent(ResourceTable.Layout_ability_blur_effect);

        imageView = (Image) findComponentById(ResourceTable.Id_image_view);

        // 加载图片
        Bitmap bitmap = BitmapFactory.createBitmap(getContext(), "resources/rawfile/sample_image.jpg");

        // 创建画笔
        Paint paint = new Paint();
        paint.setColor(Color.BLACK); // 设置画笔颜色（可用于绘制时的透明度）

        // 通过 Canvas 绘制模糊效果
        canvas.drawBitmap(bitmap, 0, 0, paint); // 这是一个简化的实现，实际模糊效果需要更复杂的算法
    }
}

在实际应用中，高斯模糊等效果通常使用现成的图像处理库进行计算，例如 OpenGL 或第三方库。上面的代码是一个简化示例，用于展示如何将图像绘制到画布上。

2. 实现锐化效果

锐化效果用于增强图像的细节，使图像边缘更加清晰。锐化通常通过提高图像的对比度和增强高频部分来实现。

示例：实现锐化效果

import ohos.agp.graphics.ColorFilter;
import ohos.agp.graphics.Paint;
import ohos.agp.graphics.Bitmap;
import ohos.agp.graphics.BitmapFactory;
import ohos.agp.components.Image;

public class SharpenEffectExample extends AbilitySlice {
    private Image imageView;

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        setUIContent(ResourceTable.Layout_ability_sharpen_effect);

        imageView = (Image) findComponentById(ResourceTable.Id_image_view);

        // 加载图像
        Bitmap bitmap = BitmapFactory.createBitmap(getContext(), "resources/rawfile/sample_image.jpg");

        // 创建画笔并设置锐化效果
        Paint paint = new Paint();
        ColorFilter sharpenFilter = new ColorFilter();  // 自定义锐化过滤器
        paint.setColorFilter(sharpenFilter);  // 设置锐化效果
        
        // 绘制锐化后的图像
        canvas.drawBitmap(bitmap, 0, 0, paint);
    }
}

此代码展示了如何通过自定义滤镜来锐化图像，实际锐化效果需要实现特定的图像处理算法，如使用卷积核增强图像边缘等。

3. 使用渐变效果

渐变效果可以让颜色平滑过渡，通常用于背景、按钮等元素的样式。鸿蒙支持通过 LinearGradient 和 RadialGradient 实现线性渐变和径向渐变效果。

示例：实现线性渐变效果

import ohos.agp.graphics.LinearGradient;
import ohos.agp.graphics.Paint;
import ohos.agp.graphics.Canvas;
import ohos.agp.components.Text;
import ohos.app.ability.AbilitySlice;

public class GradientEffectExample extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        setUIContent(ResourceTable.Layout_ability_gradient_effect);

        Canvas canvas = new Canvas();
        Paint paint = new Paint();

        // 创建线性渐变
        LinearGradient gradient = new LinearGradient(0, 0, 300, 300, Color.RED, Color.BLUE, Shader.TileMode.CLAMP);
        paint.setShader(gradient);

        // 使用渐变绘制矩形
        canvas.drawRect(50, 50, 300, 300, paint);
    }
}

代码解释：

• 使用 LinearGradient 创建一个从红色到蓝色的渐变效果，并将其应用到画笔上。
• 使用 canvas.drawRect() 将带有渐变的矩形绘制到画布上。

代码示例：使用 Canvas 实现图像处理和滤镜效果

以下是一个完整的示例，展示如何使用 Canvas 和 Paint 来实现图像处理和滤镜效果，包括模糊、锐化和渐变效果。

示例：图像处理与滤镜效果

import ohos.agp.graphics.Bitmap;
import ohos.agp.graphics.BitmapFactory;
import ohos.agp.graphics.Canvas;
import ohos.agp.graphics.Paint;
import ohos.agp.graphics.LinearGradient;
import ohos.app.ability.AbilitySlice;
import ohos.agp.components.Image;

public class ImageProcessingExample extends AbilitySlice {
    private Image imageView;

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        setUIContent(ResourceTable.Layout_ability_image_processing);

        imageView = (Image) findComponentById(ResourceTable.Id_image_view);

        // 加载图片
        Bitmap bitmap = BitmapFactory.createBitmap(getContext(), "resources/rawfile/sample_image.jpg");

        // 创建画笔
        Paint paint = new Paint();

        // 创建线性渐变效果
        LinearGradient gradient = new LinearGradient(0, 0, 300, 300, Color.RED, Color.YELLOW, Shader.TileMode.CLAMP);
        paint.setShader(gradient);

        // 使用 Canvas 绘制渐变背景
        Canvas canvas = new Canvas();
        canvas.drawBitmap(bitmap, 0, 0, paint);  // 绘制渐变背景的图像

        // 模拟锐化效果（实际效果需要实现具体算法）
        paint.setColor(Color.BLACK);  // 设置颜色为黑色
        canvas.drawRect(50, 50, 250, 250, paint);  // 绘制锐化区域
    }
}

代码解释：

• 通过 Canvas 和 Paint 对图像进行处理。
• 使用 LinearGradient 实现渐变效果，将图像绘制在渐变背景上。
• 锐化效果通过自定义画笔和简单的矩形绘制来模拟，实际应用中可以用更复杂的算法来实现。

小结

鸿蒙操作系统提供了强大的 Canvas 类，能够实现各种图形绘制和图像处理功能，包括基本的几何图形绘制、图像滤镜效果（如模糊、锐化、渐变等）。通过这些功能，开发者可以轻松实现应用中的图像编辑、视觉特效等需求，提升用户体验。

• 基本图形绘制：通过 Canvas 绘制矩形、圆形等基本图形。
• 滤镜效果：通过 LinearGradient 和自定义画笔实现渐变、模糊和锐化等效果。
• 图像处理：结合 Bitmap 和 Canvas，可以实现图像的各种操作，如绘制、修改和特效处理。

通过本示例和技术讲解，开发者可以轻松掌握在鸿蒙中进行图像处理和应用滤镜效果的方法，为用户提供更加丰富和个性化的图形界面。

📝 写在最后

如果你觉得这篇文章对你有帮助，或者有任何想法、建议，欢迎在评论区留言交流！你的每一个点赞 👍、收藏 ⭐、关注 ❤️，都是我持续更新的最大动力！

我是一个在代码世界里不断摸索的小码农，愿我们都能在成长的路上越走越远，越学越强！

感谢你的阅读，我们下篇文章再见～👋

✍️ 作者：某个被流“治愈”过的 Java 老兵
📅 日期：2025-07-25
🧵 本文原创，转载请注明出处。