PHP如何生成SVG格式验证码_PHP SVG验证码制作【矢量】

PHP生成SVG验证码需绕过GD库，通过字符串拼接、DOMDocument或SimpleXML三种方式输出矢量XML：设Content-Type头、生成随机字符存session、构建含背景矩形/倾斜文字/贝塞尔干扰线的SVG；DOM方式增强结构安全；SimpleXML可加滤镜防OCR。

如果您希望在PHP项目中生成SVG格式的验证码，以提升图像缩放清晰度与抗截图能力，则需绕过传统GD库的位图限制，直接输出符合SVG规范的XML结构。以下是实现该功能的具体步骤：

一、使用原生PHP字符串拼接生成SVG

该方法不依赖外部扩展，仅通过PHP输出合法SVG XML文本，利用、、等基础元素绘制字符与干扰线，确保矢量特性完整保留。

1、设置HTTP响应头为Content-Type: image/svg+xml，避免浏览器解析为HTML。

2、生成4–6位随机字母数字组合，并存储至session用于后续校验。

3、构建SVG根元素，指定width和height（如200×60），并添加viewBox属性保障缩放一致性。

4、插入一个浅色矩形作为背景，填充色设为#f9f9f9。

5、逐个绘制验证码字符，每个元素设置不同x坐标、随机y偏移（±5px）、倾斜角（transform="rotate(...)"）及字体大小（18–22px）。

6、添加3–5条随机贝塞尔曲线路径作为干扰线，stroke="#ccc"，stroke-width="1"，fill="none"。

二、基于DOMDocument动态构建SVG

该方法利用PHP内置DOM扩展，以对象方式创建SVG节点，增强代码可维护性与结构安全性，避免手动拼接XML时的转义错误或标签闭合遗漏。

1、实例化DOMDocument，设置xmlVersion为"1.0"，encoding为"UTF-8"。

2、创建svg根元素，通过setAttribute添加xmlns、width、height、viewBox属性。

3、调用createElementNS创建带命名空间的rect、text、path节点，并逐个追加至svg元素。

4、对每个验证码字符，生成独立text节点，设置x、y、font-family（如"sans-serif"）、font-weight（"bold"）、fill（随机深灰：#333、#444、#555）。

5、使用createAttribute为text节点添加transform属性，值为"rotate(5, x, y)"或"rotate(-3, x, y)"模拟手写倾斜。

6、调用saveXML()输出完整SVG文档，并用exit终止脚本执行。

三、集成SimpleXML生成带滤镜效果的SVG验证码

该方法借助SimpleXML扩展，在SVG中嵌入定义，为文字添加模糊、阴影等矢量滤镜效果，增强防OCR能力，同时保持无限缩放无损。

1、初始化SimpleXMLElement对象，传入空SVG模板字符串并声明xmlns命名空间。

2、追加defs子节点，在其中嵌套filter节点，设置id="shadow"、x="-50%"、y="-50%"、width="200%"、height="200%"。

3、在filter内添加feDropShadow，设定dx="2"、dy="2"、stdDeviation="1"、fill="#000"、opacity="0.3"。

4、生成验证码text节点后，为其添加filter="url(#shadow)"属性。

5、为每个字符单独设置fill为十六进制随机深色值（#222–#666），禁止使用纯黑或纯白。

6、输出前调用asXML()获取字符串，清除输出缓冲区，写入HTTP头后直接输出。