如何逐步制作滑动验证码图片？

本文共计1535个文字，预计阅读时间需要7分钟。

图片准备：+ 图片 + 名称 + 尺寸 + bg.jpg 552*344 + * + 344*110 + hole.png 110*110 + slider.png 110*110 + hole.png 和 slider.png 为 png，因为图片带有透明度。+ 图片 + 名称 + 尺寸 + out_bg.jpg 552*344“

图片准备 图片 名称 尺寸 bg.jpg 552 * 344 hole.png 110 * 110 slider.png 110 * 110

hole.png和slider.png为png是因为图片带有透明度。

合成目标

最终为前端生成两张图片：

图片 名称 尺寸 out_bg.jpg 552 * 344 out_slider.png 110 * 344

out_slider.png高度为344与背景图等高。

也可以打开滑动验证Demo页面，F12来观察图片。

实现

本机环境为.net 6.0.300-preview.22204.3, 装有Vscode。