使用iframe/object/embed引入svg 使用getSVGDocument()为null(可能是两个问题)
一.同源策略问题(本地调试解决方案)
-
firefox浏览器
-
chome浏览器
-
C盘下创建一个文件夹,名称随意(chromedata)
-
找到chome快捷方式(复制一个,)
-
复制的快捷方式打开属性 ->目标 ,后面加上"--allow-file-access-from-files --user-data-dir="C:\chromedata" --disable-web-security"
- --disable-web-security 就是关闭同源策略
-
或者按这个格式:原路径+ 空格 + --disable-web-security --user-data-dir=C:\chromedata
-
-
edge同理(chome内核)
-
mac
-
命令行执行open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/chongshen/MyChromeDevUserData/
-
–user-data-dir后面的路径(按你自己的安装路径来)
-
二.iframe未加载完成
-
让他加载完就ok(写在onload中,或者写个监听器,让它加载完成再触发就ok)
三.建议使用panzoom.js
-
这里提供两个地址
- npm
- https://www.npmjs.com/package/panzoom
- github
- https://github.com/anvaka/panzoom#readme
- npm
当前文章:使用iframe/object/embed引入svg 使用getSVGDocument()为null(可能是两个问题)
网站路径:http://scyanting.com/article/dsojppc.html