public void generateArtisticVerificationCode() {
    String verificationCode = RandomStringUtils.randomAlphanumeric(5); // 生成原始驗(yàn)證碼文本

    BufferedImage image = new BufferedImage(100, 40, BufferedImage.TYPE_INT_ARGB); // 創(chuàng)建圖片對(duì)象
    Graphics graphics = image.getGraphics(); // 獲取畫(huà)布
    graphics.setFont(new Font("TimesRoman", Font.BOLD, 20)); // 設(shè)定字體
    graphics.setColor(Color.BLACK); // 設(shè)定顏色

    for (int i = 0; i < verificationCode.length(); i++) {
        graphics.drawString(verificationCode.charAt(i) + "", 10 + i * 16, 28); // 在畫(huà)布上繪制每個(gè)字符
    }

    applyArtisticEffects(image); // 應(yīng)用藝術(shù)效果

    // 將圖片展示給用戶(hù)，同時(shí)保留原始驗(yàn)證碼文本以供后續(xù)驗(yàn)證
}

// 示例藝術(shù)效果應(yīng)用函數(shù)
public void applyArtisticEffects(BufferedImage image) {
    // 這個(gè)函數(shù)會(huì)對(duì)圖片應(yīng)用各種藝術(shù)效果，包括但不限于顏色變換、模糊處理、波紋效果等
    // 具體實(shí)現(xiàn)取決于你希望生成驗(yàn)證碼的藝術(shù)風(fēng)格
}

@RestController
public class VerificationCodeController {

    @Autowired
    private VerificationCodeService verificationCodeService;

    @RequestMapping("/verificationCode")
    public void getVerificationCode(HttpServletResponse response, HttpSession session) {
        BufferedImage image = verificationCodeService.createVerificationImage();
        session.setAttribute("VERIFICATION_CODE", verificationCodeService.getVerificationCode());
        ImageIO.write(image, "jpeg", response.getOutputStream());
    }
}

@Service
public class VerificationCodeService {

    @Autowired
    private ArtisticEffectService artisticEffectService;

    private String verificationCode;

    public BufferedImage createVerificationImage() {
        verificationCode = RandomStringUtils.randomAlphanumeric(5);

        BufferedImage image = new BufferedImage(100, 40, BufferedImage.TYPE_INT_ARGB);
        Graphics graphics = image.getGraphics();
        graphics.setFont(new Font("TimesRoman", Font.BOLD, 20));
        graphics.setColor(Color.BLACK);

        for (int i = 0; i < verificationCode.length(); i++) {
            graphics.drawString(verificationCode.charAt(i) + "", 10 + i * 16, 28);
        }

        artisticEffectService.applyArtisticEffects(image);

        return image;
    }

    public String getVerificationCode() {
        return verificationCode;
    }
}

@Service
public class import java.awt.AlphaComposite;
import java.awt.Color;
import java.awt.GradientPaint;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.awt.image.ConvolveOp;
import java.awt.image.Kernel;
import org.springframework.stereotype.Service;

@Service
public class ArtisticEffectService {

    public void applyArtisticEffects(BufferedImage image) {
        Graphics2D graphics = (Graphics2D) image.getGraphics();

        // 添加線性漸變效果
        GradientPaint paint = new GradientPaint(0, 0, Color.BLUE, image.getWidth(), 0, Color.RED);
        graphics.setPaint(paint);
        graphics.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, 0.5f));
        graphics.fillRect(0, 0, image.getWidth(), image.getHeight());

        // 添加模糊效果
        float ninth = 1.0f/9.0f;
        float[] blurKernel = {
            ninth, ninth, ninth,
            ninth, ninth, ninth,
            ninth, ninth, ninth
        };
        ConvolveOp op = new ConvolveOp(new Kernel(3, 3, blurKernel));
        BufferedImage blurredImage = op.filter(image, null);
        graphics.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER));
        graphics.drawImage(blurredImage, 0, 0, null);
    }
}

@Service
public class VerificationCodeService {

    private String verificationCode;

    @Autowired
    private ArtisticEffectService artisticEffectService;

    public String createVerificationCode() {
        verificationCode = RandomStringUtils.randomAlphanumeric(5);
        return verificationCode;
    }

    public BufferedImage createVerificationImage() {
        String code = createVerificationCode();
        BufferedImage image = new BufferedImage(100, 40, BufferedImage.TYPE_INT_ARGB);

        Graphics graphics = image.getGraphics();
        graphics.setFont(new Font("Arial", Font.BOLD, 24));
        graphics.setColor(Color.BLACK);

        for (int i = 0; i < verificationCode.length(); i++) {
            graphics.drawString(code.charAt(i) + "", 10 + i * 16, 32);
        }

        artisticEffectService.applyArtisticEffects(image);

        return image;
    }

    public boolean verifyCode(String userInput) {
        return userInput.equals(verificationCode);
    }
}

import java.awt.Color;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.image.BufferedImage;
import java.util.Random;
import org.springframework.stereotype.Service;

@Service
public class ArtisticEffectService {

    // 旋轉(zhuǎn)給定的圖像
    public BufferedImage rotateImage(BufferedImage image) {
        int width = image.getWidth();
        int height = image.getHeight();

        BufferedImage rotatedImage = new BufferedImage(width, height, image.getType());
        Graphics2D graphics2D = rotatedImage.createGraphics();

        double theta = Math.toRadians(new Random().nextInt(40) - 20);  // 在-20到20度之間隨機(jī)旋轉(zhuǎn)
        graphics2D.rotate(theta, width / 2, height / 2);
        graphics2D.drawImage(image, 0, 0, null);
        graphics2D.dispose();

        return rotatedImage;
    }

    // 對(duì)給定的字符串應(yīng)用底噪音和干擾線
    public BufferedImage applyArtisticEffects(BufferedImage image) {
        int width = image.getWidth();
        int height = image.getHeight();

        Random random = new Random();

        // 底部噪聲
        for (int i = 0; i < 30; i++) {
            int x = random.nextInt(width);
            int y = random.nextInt(height);
            int rgb = getRandomRgb();
            image.setRGB(x, y, rgb);
        }

        // 干擾線
        Graphics2D graphics2D = image.createGraphics();
        for (int i = 0; i < 5; i++) {
            int x = random.nextInt(width);
            int y = random.nextInt(height);
            int xl = random.nextInt(width);
            int yl = random.nextInt(height);
            graphics2D.setColor(new Color(getRandomRgb()));
            graphics2D.drawLine(x, y, x + xl, y + yl);
        }

        graphics2D.dispose();

        return rotateImage(image);
    }

    // 生成隨機(jī)的RGB顏色
    private int getRandomRgb() {
        Random random = new Random();
        int red = random.nextInt(256);
        int green = random.nextInt(256);
        int blue = random.nextInt(256);

        return (red << 16) | (green << 8) | blue;
    }
}

@RestController
@RequestMapping("/api")
public class VerificationCodeController {

    @Autowired
    private VerificationCodeService verificationCodeService;

    @GetMapping("/verificationCode")
    public ResponseEntity<byte[]> getVerificationCode() throws IOException {
        BufferedImage image = verificationCodeService.createVerificationImage();
        ByteArrayOutputStream bos = new ByteArrayOutputStream();
        ImageIO.write(image, "png", bos);
        byte[] imageBytes = bos.toByteArray();
        return ResponseEntity.ok().contentType(MediaType.IMAGE_PNG).body(imageBytes);
    }

    @PostMapping("/verify")
    public ResponseEntity<Boolean> verifyCode(@RequestBody String userInput) {
        boolean isCorrect = verificationCodeService.verifyCode(userInput);
        return ResponseEntity.ok(isCorrect);
    }
}

<template>
  <div id="app">
    <img :src="`data:image/png;base64,${captchaImage}`" @click="refreshCaptcha" />
    <input v-model="userInput" type="text" placeholder="Enter the captcha" />
    <button @click="verifyCaptcha">Submit</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      captchaImage: '',
      userInput: ''
    }
  },
  methods: {
    refreshCaptcha() {
      axios.get('/api/verificationCode', { responseType: 'arraybuffer' })
        .then(response => {
          let base64 = btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ''));
          this.captchaImage = base64;
        });
    },
    verifyCaptcha() {
      axios.post('/api/verify', this.userInput)
        .then(response => {
          if (response.data) {
            alert("The captcha is correct.");
          } else {
            alert("The captcha is incorrect.");
            this.refreshCaptcha();
          }
        });
    }
  },
  mounted() {
    this.refreshCaptcha();
  }
}
</script>