.NET Framework 4.7下WPF WebBrowser控件是否支持播放Lottie动画？

云原生阿岚

2026-7-26

在.NET Framework 4.7的WPF应用中用WebBrowser控件展示Lottie动画的可行性

基于.NET Framework 4.7的WPF WebBrowser控件可以展示Lottie动画，但需要完成必要的配置和适配，具体细节如下：

1. 强制WebBrowser使用IE11渲染模式

默认情况下，WPF的WebBrowser控件采用IE7兼容模式，不支持Lottie动画依赖的现代JavaScript特性。必须通过注册表配置切换到IE11模式：

打开注册表编辑器，定位到以下路径（推荐使用HKEY_CURRENT_USER，无需管理员权限）：
HKEY_CURRENT_USER\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
新建DWORD(32位)值，名称设为你的应用程序.exe文件名（例如WpfLottieDemo.exe），值设置为：
- 11001：对应IE11 Edge模式（优先使用最新标准）
- 11000：对应IE11标准模式

2. 适配Lottie动画的加载逻辑

Lottie动画依赖lottie-web库渲染，需确保使用兼容IE11的版本（v5.x及以下，v6+已放弃IE11支持），并在嵌入的HTML中正确初始化：
示例HTML代码：

<html>
<head>
  <script src="lottie.min.js"></script> <!-- 本地引入或使用兼容IE11的CDN链接 -->
</head>
<body>
  <div id="lottie-box" style="width: 400px; height: 400px;"></div>
  <script>
    lottie.loadAnimation({
      container: document.getElementById('lottie-box'),
      renderer: 'html',
      loop: true,
      autoplay: true,
      path: 'animation.json' <!-- Lottie动画的JSON文件路径，支持本地相对路径 -->
    });
  </script>
</body>
</html>

注意：如果使用本地资源，需确保WebBrowser控件能正常访问到脚本和JSON文件，避免权限或路径问题。