如何在Python中解析网页源码中的SVG映射字符加密?

大晨君_1391

大晨君_1391

2026-10-27

713人浏览

原创

SVG映射是网页反爬手段,通过SVG元素与CSS坐标偏移实现字符隐藏,解析关键在于还原字符与坐标的映射关系,而非解密。

如何在python中解析网页源码中的svg映射字符加密?

SVG映射字符加密不是标准加密算法,而是网页反爬常见手段:把真实文字拆成 <text></text> 或 <use></use> 元素,用 <defs></defs> 里的 <symbol></symbol> 或 <g></g> 定义字形偏移,再靠 CSS 或 transform 拼出可读文本。解析关键不在“解密”,而在还原坐标与字符的映射关系。

定位 SVG 字符映射定义位置

这类混淆通常集中在页面底部或独立 <svg></svg> 块中,且常带特定 class(如 svg-text、icon-font)或隐藏样式(display:none)。不能只看 visible 元素——很多映射定义本身不可见,只被 <use></use> 引用。

  • 用 BeautifulSoup 搜索所有 <svg></svg>,再逐个查 <defs></defs> 子节点,重点看 <symbol></symbol>、<g id="..."></g>、<text id="..."></text>
  • 注意 <use href="#xxx"></use> 中的 #xxx,它指向的 ID 就是映射单元;href 值可能含空格或编码,需用 urllib.parse.unquote() 清洗
  • 有些站点用内联 <style></style> 控制 transform: translate(x,y),此时需同时提取 CSS 规则和对应元素的 class

提取字符与坐标的映射关系

映射方式分两类:一类是每个 <symbol></symbol> 或 <g></g> 内含一个字符(如 <text x="10" y="20">A</text>),另一类是单个 <text></text> 包含多个字符但用 <tspan></tspan> 分段并设置不同 dx/dy。必须统一转为「字符 → (x, y)」键值对,否则无法对齐显示位置。

  • 对 <symbol></symbol>:取其 id 为 key,遍历子 <text></text> 的 text_content() 和 x/y 属性(注意单位,常见 px、em,需归一化)
  • 对 <tspan></tspan>:父 <text></text> 的 x/y 是起点,每个 <tspan></tspan> 的 dx/dy 是相对偏移,累加得绝对坐标
  • 若出现 transform="translate(100,50)",需解析数值并加到子元素坐标上——别信 get("x") 返回的原始值,它可能是未变换前的

匹配页面中被混淆的文本元素

目标文本通常以 <use></use>、<text></text> 或带特殊 class 的 <span></span> 形式存在。关键不是“渲染后长什么样”,而是它引用了哪个映射单元、起始坐标是多少。坐标错一位,字符就拼错。

macOS UI 自动化技能包 —— 用 Python 控制你的 Mac
macOS UI 自动化技能包 —— 用 Python 控制你的 Mac

让 macOS 自动化像说话一样简单 —— 用代码控制你的 Mac,无需学习 AppleScript 系统要求 macOS 14+ (Sonoma) Python 3.9+ 需要开启:辅助功能 + 屏幕录制权限

下载
  • 找 <use></use>:提取 href 指向的 ID,再从映射表里取对应字符;同时读它的 x 和 y 属性——这是该字符在页面上的落点
  • 找 <text></text>:若它没有直接文本内容,但含 <tspan></tspan>,则按顺序取每个 <tspan></tspan> 的字符 + 累计坐标
  • 若多个 <use></use> 共享同一 ID(比如都指向 #char-65),说明这是字母 A 的复用;但它们的 x 不同——这意味着同一个字符在不同位置出现,不能合并处理

处理动态加载和字体 fallback

部分站点用 JS 动态注入 SVG 定义,或依赖 WebFont 加载后才替换 DOM。静态解析 requests.get().text 会漏掉这些。还有站点用 <foreignobject></foreignobject> 嵌 HTML,或混用 Unicode 替换(如 \uE001)+ font-face,这时 SVG 只是备用方案。

  • 优先用 selenium 或 playwright 获取完整渲染后 HTML,再喂给 BeautifulSoup ——但注意等待 svg 节点出现,别在 DOM 就绪前就抓
  • 检查 <style></style> 中是否有 @font-face 定义自定义字体,若有,且文本用该字体显示,那 SVG 映射可能只是降级方案,实际应走字体文件解析(用 fonttools 读 .woff,查 cmap 表)
  • 当 <use></use> 的 href 是空字符串或 javascript:void(0),大概率是 JS 运行时重写过,必须走浏览器环境

真正难的不是解析 SVG 结构,而是判断哪些坐标该累加、哪些该覆盖、哪些要忽略(比如装饰性线条的 <path></path>)。一个 transform 里嵌三层 scale 和 rotate,再叠 viewBox 缩放,手动算像素位置极易出错。建议先用浏览器 DevTools 手动选中一个 <use></use>,看 computed tab 里的最终 transform 矩阵,再决定是否值得写矩阵解析逻辑——多数场景,只取 translate 部分已够用。

Python免费学习笔记(深入):立即使用
在学习笔记中,你将探索 Python 的核心概念和高级技巧!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

python

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

2023.07.20

1811

4

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

2023.07.25

4804

7

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.31

1769

3

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

2023.08.03

28617

23

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3427

5

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3447

5

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

1223

5

python合并两个列表
python合并两个列表

Python是一种强大的编程语言,具有许多方便的功能和工具。在Python中,有多种方法可以合并两个列表。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.10

616

4

python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2663

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Uvicorn官方安装与入门手册
Uvicorn官方安装与入门手册

共0课时 | 0人学习

Python uv官方项目管理指南
Python uv官方项目管理指南

共0课时 | 0人学习

Python uv官方安装与入门文档
Python uv官方安装与入门文档

共0课时 | 0人学习