查显卡型号和驱动状态是第一步：在Windows设备管理器中展开“显示适配器”，确认独显（如Radeon RX 570 Series）无黄色感叹号且未显示为“Microsoft 基本显示适配器”，否则驱动未正确安装，后续GPU加速操作均无效。
查显卡型号和驱动状态是第一步
矿卡或二手低端独显（比如GTX 1050 Ti、RX 570）常存在驱动未更新、GPU计算能力被系统屏蔽、或硬件本身存在微损伤等问题。不先确认显卡能否被浏览器识别，后续所有“启用GPU加速”的操作都是空谈。
在Windows中打开设备管理器 → 展开“显示适配器”，看是否同时列出集成显卡（如Intel(R) UHD Graphics）和你的独显（如Radeon RX 570 Series）。若独显名称带黄色感叹号，或显示为“Microsoft 基本显示适配器”，说明驱动未正确安装，NVIDIA 控制面板或AMD Radeon Software根本不会生效。
必须用官网驱动（非Windows Update自动推送的通用版），NVIDIA用户请下载Studio Driver（比Game Ready更稳定），AMD用户优先选Adrenalin 23.5.1或更新的长期支持版。
浏览器必须启用硬件加速且绑定到独显
即使显卡正常，Chrome/Edge 默认也可能把HTML渲染任务交给集显——尤其当系统检测到独显温度偏高或功耗异常时。这不是bug，而是保护机制，但会直接导致html2canvas、canvas.toDataURL()等函数变慢甚至失败。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 在Chrome地址栏输入
chrome://settings/system，确保使用硬件加速模式（如果可用）已开启 - 访问
chrome://gpu，搜索Graphics Feature Status区块，确认Canvas、WebGL、Rasterization全部显示Hardware accelerated - 若
chrome://gpu里GPU信息仍显示Intel或SwiftShader，说明没绑对卡：需进NVIDIA 控制面板 → 程序设置，手动将chrome.exe或msedge.exe指定为“高性能NVIDIA处理器”
避开依赖WebGL的HTML函数工具
矿卡虽能点亮屏幕，但WebGL 2.0支持率极低，很多现代HTML截图/绘图工具（如新版html-to-image、dom-to-image）默认启用useCORS: true + webGLRenderer: true，结果就是白屏、卡死、控制台报WebGL: CONTEXT_LOST_WEBGL错误。
实操建议：
- 改用
html2canvasv1.4.1（最后稳定支持WebGL 1.0的版本），避免升级到v1.5+；配置中强制关闭WebGL：{ useCORS: true, logging: false, allowTaint: true, useCORS: true, foreignObjectRendering: false } - 对
getImageSize这类尺寸计算函数，不要依赖getBoundingClientRect()返回的width/height（矿卡驱动下可能失真），改用offsetWidth/offsetHeight+ 显式边框补值 - 凡涉及
canvas.getContext('2d')的操作，务必加try/catch，捕获SecurityError或InvalidStateError后降级为纯DOM快照（如innerHTML序列化）
本地单文件工具比在线工具更可靠
矿卡环境往往伴随老旧主板、SATA硬盘、甚至BIOS未开启Resizable BAR，加载远程CDN资源（如cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js）极易超时或中断，而本地HTML单文件（如ultraman.html）可预置离线JS库、禁用动态资源请求、绕过CORS限制。
关键点：
- 把
html2canvas.min.js整个文件内容复制粘贴进<script></script>标签内，不要src引用 - 移除所有
fetch、XMLHttpRequest调用，图片资源全用data:image/png;base64内联 - 禁用
transform: translateZ(0)、will-change: transform等触发合成层的CSS，矿卡驱动下极易引发页面闪烁或崩溃
真正容易被忽略的是：矿卡的PCIe通道数可能被降为x4甚至x1，这意味着GPU与CPU间数据吞吐受限，canvas.toBlob()生成大图时会明显卡顿——此时应限制输出尺寸（如固定width: 800），而非盲目提高DPR。
