如何在页面渲染过程中更改颜色SVG？

Question

首先我知道如何动态改变SVG的颜色。我已经使用该解决方案从这样一个问题：

jQuery SVG image replacement

但我的情况是不同的。

在我的页面上，我有几个图标（SVG），并有一个颜色选择器。用户可以使用colorpicker更改图标。 所有工作正常。

现在我想用用户选择的图标的颜色生成整个页面的PDF。

我正在使用第三方PDF生成库，它接受我的页面URL并生成该页面的PDF。但问题是，颜色不适用于图标和PDF生成。我知道这个问题的原因，因为在文档准备就绪后，我将所有SVG img标签转换为实际的SVG标签，然后将颜色应用于用户选择的颜色。这一切都发生在页面渲染后。

但是PDF生成库不会等待此过程完成并在所有SVG图像转换为SVG并将颜色应用于它们之前生成PDF。

我不知道要先等待整个过程才能完成并生成PDF。

我尝试过缓存页面，但这也没有帮助。

任何帮助将不胜感激。 谢谢

Answer 1

我做到了。

解决方案是将代码封装在IIFE中，以便在页面加载时立即执行，而不是在DOM的就绪事件上执行。