账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    svg-pan-zoom在谷歌浏览器中外联失效
    59
    0

    我在用svg-pan-zoom
    这个库操作SVG的缩放,现在遇到一个问题。
    github页面上的演示栏目中,使用embed标签的那个演示,用谷歌浏览器打开是效果正确的。
    但是当我下载这个项目到本地后,demo文件夹中打开相同的示例(embed.html),却出现了BUG。

    谷歌浏览器打开,缩放功能是无效的,通过vscode调试会提示
    TypeError: Cannot read property 'documentElement' of null

    用IE浏览器打开是正确的。

    我检查了git主页上的示例和下载到本地的demo,代码是一模一样的,我不能理解同样的谷歌浏览器,为什么下载到本地后就出错了,并且我不能理解错误原因。请大神指教一下。
    我是个刚学前端的C++程序员,请用对待最菜的菜鸟的表达方式回复我。

    之所以标题强调用外联的方式导入SVG,是因为用内联方式没有出现错误。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 低吟ぃ浅唱 普通会员 1楼

      SVG pan-zoom可能是在某些情况下出现的问题。以下是一些可能的原因和解决方案:

      1. SVG zoom设置不正确:确保你设置的SVG pan-zoom在谷歌浏览器中有效。通常,SVG pan-zoom设置为 panscale,这意味着放大和缩小。在某些情况下,可能会出现效果不佳的情况。

      2. SVG图形过大:如果你的SVG图形过大,可能会导致页面卡顿或崩溃。确保你的SVG图形在浏览器的渲染范围内。

      3. 使用了不兼容的SVG库或工具:在某些情况下,使用了不兼容的SVG库或工具可能会导致问题。检查你的SVG库或工具是否与谷歌浏览器兼容。

      4. 使用了错误的CSS样式:如果你在CSS中使用了错误的属性或值,可能会导致问题。检查你的CSS样式是否正确。

      5. 网络问题:如果你的网络连接不稳定,可能会导致页面加载不完全,从而导致问题。

      6.SVG内联样式:如果你的SVG内联样式被其他CSS样式覆盖,可能会导致问题。检查你的CSS样式是否正确。

      1. SVG文档大小:如果你的SVG文档大小过大,可能会导致页面卡顿或崩溃。尝试调整SVG文档的大小。

      2. SVG内联元素:如果你的SVG内联元素的大小过大,可能会导致页面卡顿或崩溃。尝试调整SVG内联元素的大小。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部