使用 SVG 对象的 onloadwff 中的 TypeError

Question

我正在尝试在网页上显示 SVG 图像。 SVG 图像包含自定义字体。为了让 Chrome（和其他浏览器）加载 SVG 中使用的 WebFont，我在 SVG 中添加了以下内容。

<defs>
    <style>
        @import url('https://fonts.googleapis.com/css?family=<font>');
    </style>
</defs>

通过添加对象元素将图像添加到 HTML 页面。这在字体加载和图像中的文本在 Chrome 和 Firefox 中使用定义的 WebFont 呈现时起作用。

但在 Chrome 中，控制台中记录了以下错误：

Uncaught (in promise) TypeError: Cannot read property 'querySelectorAll' of null
    at e.getInputs (onloadwff.js:71)
    at e.<anonymous> (onloadwff.js:71)
    at onloadwff.js:71
    at Object.next (onloadwff.js:71)
    at a (onloadwff.js:71)

我曾尝试搜索类似的问题，但未能找到答案。关于 Chrome 中可能存在的问题或我如何进一步调查该问题的任何想法？

Answer 1

我遇到了与此问题相同的问题，根本原因来自 Chrome 扩展程序 LastPass。删除它对我有用。

错误报告：https://forums.lastpass.com/viewtopic.php?f=12&t=323095&p=1080525&hilit=Cannot+read+property+%27querySelectorAll%27+of+null#p1080525

希望对您有所帮助。

Answer 2

我也遇到了这个问题，对我来说也是 LastPass 造成的。

如果您不想删除或禁用 LastPass，您可以 right-click 控制台中的错误并选择隐藏来自该脚本的错误消息。

使用 SVG 对象的 onloadwff 中的 TypeError

TypeError in onloadwff using object for SVG

javascript

html

google-chrome

svg

webfonts