java制作海报四：java BufferedImage 转 InputStream 上传至OSS。png 图片合成到模板（另一个图片）上时，透明部分变成了黑色

前言

• 代码都上传到GitHub了，这里仅仅是贴出来主要部分，GitHub传送门：https://github.com/fengfanli/draw_poster_echarts
• 海报制作的所有博客和一些问题：
• 总博客：java 后端 使用 Graphics2D 制作海报，画echarts图，带工具类，各种细节：如头像切割成圆形，文字换行算法（完美实验success），解决画上文字、图片后不清晰问题

1. 文字换行算法详解，传送门：java制作海报一：java使用Graphics2D 在图片上写字，文字换行算法详解
2. 头像切割成圆形方法详解，传送门：java制作海报二：java使用Graphics2D 在图片上合成另一个照片，并将照片切割成头像，头像切割成圆形方法详解
3. 获取微信二维码详情，传送门：java制作海报三：获取微信二维码详情，并改变大小，合成到海报（另一张图片）上
4. java BufferedImage 转 InputStream和 png 图片合成到模板（另一个图片）上时，透明部分变成了黑色，传送门：java制作海报四：java BufferedImage 转 InputStream 上传至OSS。png 图片合成到模板（另一个图片）上时，透明部分变成了黑色
5. java 整合echarts 画出 折线图，传送门：
6. Graphics2D的RenderingHints方法参数详解，包括解决文字不清晰，抗锯齿问题，传送门：java制作海报六：Graphics2D的RenderingHints方法参数详解，包括解决文字不清晰，抗锯齿问题
7. 项目部署到linux下中文不显示，echarts图上的中文也不显示问题，传送门：java制作海报七：java Graphics2D 合成图片 在 linux下中文不显示，echarts图上的中文也不显示问题

• 本次博客主要是 稍微说一下java BufferedImage 转 InputStream 和 png 图片合成到模板（另一个图片）上时，透明部分变成了黑色，这里的代码都在 PosterUtil.java中

一、java BufferedImage 转 InputStream

1. 描述

1. java 通过 Graphics2D 创建的 图片 返回的是 BufferedImage类型。
2. 需要将BufferedImage 转化为 输入流InputStream 上传到 OSS

2. 代码

a、逻辑代码

            // 上传到 OSS
            ByteArrayOutputStream os = new ByteArrayOutputStream();
            ImageIO.write(bufferedImage, "png", os);
            InputStream inputStream = new ByteArrayInputStream(os.toByteArray());
            // map = uploadShareSeaImg(inputStream, "bakeShare", request);
            map = uploadShareSeaImg(inputStream, "bakeShare");

b、上传至OSS

    /**
     * @return java.util.Map<java.lang.String , java.lang.Object>
     * @Author fengfanli
     * @Description //TODO 上传生成的海报 上传到云服务器 并返回给前端 url
     * @Date 16:54 2021/4/1
     * @Param [inputStream, shareCategory, request]
     **/
    public static Map<String, Object> uploadShareSeaImg(InputStream inputStream, String shareCategory) {
        // 获取用户的目的是为了 1、文件新名称，2、将海报添加到数据库做记录
        // XfxUserbaseModel user = upmsSessionDao.getUser(request); // 通过 request 获取当前用户信息。
        XfxUserbaseModel user = new XfxUserbaseModel(); // 就是一个用户实体类
        user.setId(1);
        // 新名称
        String newFileName = UUID.randomUUID().toString().replace("-", "") + ".png";
        String key = "wx/" + user.getId() + "/" + shareCategory + "/" + newFileName;
        String ok = OssUtil.uploadImg(key, inputStream);
        if (!"OK".equals(ok)) {
            System.out.println("PosterController oss uploadShareSeaImg fail:" + user.getId());
        }
        Map<String, Object> map = new HashMap<>(2);
        map.put("ossKey", key);
        map.put("fileUrl", OssUtil.getImgUrl(key));
        // 将做好的海报URL oss key 放到 数据库
        PhotoSeaMainModel model = new PhotoSeaMainModel();
        model.setUserId(user.getId());
        model.setTitle(shareCategory);
        model.setFileOss(key);
        // photoSeaService.addPhotoSeaModel(model);
        return map;
    }

二、png 图片合成到模板（另一个图片）上时，透明部分变成了黑色

1. 案例描述

我这有一个案例，美工将png照片给我，上面有一部分是透明的。

刚开始，我就直接将这个png照片合成到另一张照片上，但是，透明的部分变成了黑色。后来我测试了下，用BufferedImage 画了一张照片，保存到本地一看，BufferedImage 默认背景颜色就是黑色。所以也就明白了为什么png照片为什么合成到另一张照片后，透明部分变成了黑色。

2. 解决

直接上代码

    /**
     * @return void
     * @Author fengfanli
     * @Description //TODO 画图 改变背景颜色
     * TODO  重点1 ：png图片合成到另一个图片时，透明地带出现黑色情况, 原因：Graphics2D 创建图片背景为黑色
     * @Date 16:31 2021/4/8
     * @Param [canvas, logo, logoX, logoY]
     **/
    public static void drawImageAndChangeBackgroundColor(BufferedImage canvas, BufferedImage logo, Integer logoX, Integer logoY) throws IOException {
        Graphics2D g2d = canvas.createGraphics();

        // 解决png透明图片会变黑的问题(画一个新图片，然后合成，记得透明度)
        Graphics2D graphics = logo.createGraphics();
        BufferedImage compatibleImage = graphics.getDeviceConfiguration().createCompatibleImage(logo.getWidth(null), logo.getHeight(null), Transparency.TRANSLUCENT);
        // 下面这行也可以代替上面这行
        //BufferedImage compatibleImage = new BufferedImage(image.getWidth(), image.getHeight(), Transparency.TRANSLUCENT);
        graphics = compatibleImage.createGraphics();
        graphics.drawImage(logo, 0, 0, null);
        graphics.dispose();

        // 合成图片
        g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);
        g2d.drawImage(compatibleImage, logoX, logoY, null);
        g2d.dispose();
    }

主要是其中的这几行，如下所示：

// 解决png透明图片会变黑的问题(画一个新图片，然后合成，记得透明度)
Graphics2D graphics = logo.createGraphics();
BufferedImage compatibleImage = graphics.getDeviceConfiguration().createCompatibleImage(logo.getWidth(null), logo.getHeight(null), Transparency.TRANSLUCENT);
// 下面这行也可以代替上面这行
//BufferedImage compatibleImage = new BufferedImage(image.getWidth(), image.getHeight(), Transparency.TRANSLUCENT);
graphics = compatibleImage.createGraphics();
graphics.drawImage(logo, 0, 0, null);
graphics.dispose();