草庐IT

svg-baker-runtime

全部标签

ios - 为什么以前缓存在 iPad 上的 SVG 图像并不总是从应用程序缓存中加载?

我们有一个允许用户查看SVG的网络应用程序。这些SVG通常包含使用相对URL加载的图像。由于我们希望这是一个iPad的“网络应用程序”,我们还希望将其添加到iPad用户的主屏幕,并由HTML5应用程序缓存对其进行缓存,以便用户可以离线查看这些SVG和相关图像。当我们的应用程序从iPad主页图标加载时,应用程序缓存list被正确读取,所有引用的资源都被缓存。当用户开始脱机使用应用程序时会出现此问题。在应用程序的使用过程中,会在页面DOM中添加和删除SVG。在此期间,SVG中的某些图像无法从应用程序缓存中加载,即使它们肯定存在并缓存。相反,向服务器发出图像请求,这显然失败了,因为用户不再在

ios - 为什么以前缓存在 iPad 上的 SVG 图像并不总是从应用程序缓存中加载?

我们有一个允许用户查看SVG的网络应用程序。这些SVG通常包含使用相对URL加载的图像。由于我们希望这是一个iPad的“网络应用程序”,我们还希望将其添加到iPad用户的主屏幕,并由HTML5应用程序缓存对其进行缓存,以便用户可以离线查看这些SVG和相关图像。当我们的应用程序从iPad主页图标加载时,应用程序缓存list被正确读取,所有引用的资源都被缓存。当用户开始脱机使用应用程序时会出现此问题。在应用程序的使用过程中,会在页面DOM中添加和删除SVG。在此期间,SVG中的某些图像无法从应用程序缓存中加载,即使它们肯定存在并缓存。相反,向服务器发出图像请求,这显然失败了,因为用户不再在

html - SVG 加载事件过早调用?

我有这样的代码,使用jQuery-svgfunctionreplaceRaster(){$('#png').remove()a=$('#graphic')b=a.svg(a)a.load('IDC_Energy.svg',{onLoad:bind})svg=document.getElementById("graphic").children[0]console.log(svg)svg.addEventListener('load',bind)}事件处理程序bind在jQuery-svg-dom能够选择SVG数据中的元素之前被触发。我的代码应该查看SVG并分配各种类并将监听器附加到各种

html - SVG 加载事件过早调用?

我有这样的代码,使用jQuery-svgfunctionreplaceRaster(){$('#png').remove()a=$('#graphic')b=a.svg(a)a.load('IDC_Energy.svg',{onLoad:bind})svg=document.getElementById("graphic").children[0]console.log(svg)svg.addEventListener('load',bind)}事件处理程序bind在jQuery-svg-dom能够选择SVG数据中的元素之前被触发。我的代码应该查看SVG并分配各种类并将监听器附加到各种

javascript - Fancybox 中的 SVG

我需要fancybox中的svg图片。Sorry,yourbrowserdoesnotsupportinlineSVG.FullScreen我想全屏显示ID为“data”的div。当我点击“全屏”时,我得到了带有jpg图像的id“数据”的div的全屏,但不是svg图像(渲染到div中) 最佳答案 关于javascript-Fancybox中的SVG,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

javascript - Fancybox 中的 SVG

我需要fancybox中的svg图片。Sorry,yourbrowserdoesnotsupportinlineSVG.FullScreen我想全屏显示ID为“data”的div。当我点击“全屏”时,我得到了带有jpg图像的id“数据”的div的全屏,但不是svg图像(渲染到div中) 最佳答案 关于javascript-Fancybox中的SVG,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - SVG foreignObject 中的 Div 在 Mac Chrome 中失去了位置

SVGforeignObject中的Div丢失了它的位置并且在MACChrome浏览器和移动View中不可见。我尝试在MACchrome(54.0.2840.98(64位))中运行此HTML5SVG代码;但是当DIV溢出或滚动条中的内容出现时,内部的DIV变得不可见(或似乎失去其位置/从SVG跳出)。但是,它在MACFirefox和Windows中的所有浏览器(移动View除外)中都能完美运行。这是关于的问题吗视口(viewport)元数据?div在ForeignObject中?MACchrome错误?CSS?我们如何解决这个问题?非常感谢您的帮助。我试过的,测试HTML文件https

html - SVG foreignObject 中的 Div 在 Mac Chrome 中失去了位置

SVGforeignObject中的Div丢失了它的位置并且在MACChrome浏览器和移动View中不可见。我尝试在MACchrome(54.0.2840.98(64位))中运行此HTML5SVG代码;但是当DIV溢出或滚动条中的内容出现时,内部的DIV变得不可见(或似乎失去其位置/从SVG跳出)。但是,它在MACFirefox和Windows中的所有浏览器(移动View除外)中都能完美运行。这是关于的问题吗视口(viewport)元数据?div在ForeignObject中?MACchrome错误?CSS?我们如何解决这个问题?非常感谢您的帮助。我试过的,测试HTML文件https

html - 在 WebKit 上显示大背景 SVG 很慢?

我的网站背景有一个大的SVG图形。请在此处查看示例:http://jsfiddle.net/aAwgU/4/embedded/result/body{background:url(http://www.thedavidcummings.com/images/html.svg)no-repeatfixedright;background-size:auto100%;}它在Chrome和Firefox中运行良好,但在Safari中导航页面和调整浏览器页面的大小非常慢,并且页面在我的iPhone上完全崩溃。这是webkit中的错误吗?有没有办法让我的.svg更加WebKit友好?还是我应该只

html - 在 WebKit 上显示大背景 SVG 很慢?

我的网站背景有一个大的SVG图形。请在此处查看示例:http://jsfiddle.net/aAwgU/4/embedded/result/body{background:url(http://www.thedavidcummings.com/images/html.svg)no-repeatfixedright;background-size:auto100%;}它在Chrome和Firefox中运行良好,但在Safari中导航页面和调整浏览器页面的大小非常慢,并且页面在我的iPhone上完全崩溃。这是webkit中的错误吗?有没有办法让我的.svg更加WebKit友好?还是我应该只