我知道我的错误是调整.attr("width", x)的大小,或者不计算.attr("viewBox", "0 0 " + x + " " + y )中的宽度。
如何修复我的代码,或者是否有其他工作解决方案?
工作代码:(初始页数)
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth - 170 || e.c
当我尝试使用svg文件作为图像标记的源或作为背景图像url时,我看不到任何东西(而firebug告诉我Failed to load the given url )。
看起来,这是因为Worklight为它提供了一个Content-Type响应头application/octet-stream。我如何使工作光发送它与image/svg+xml,以便它将正确地显示?
因此,我遇到了麻烦,使我的网页应用程序响应。我设法做到了,这样SVG就可以在宽度调整时适应,但是我遇到了身高问题。
对于高度调整,我提出的最佳解决方案是以下js/jQuery代码:
function updateWindow(){
var y = (($(window).height()));
svgMap.style.height=y;
}
updateWindow();
window.onresize = updateWindow;
这样做是将SVG视口高度设置为等于窗口的高度。
我对androids (我的设备版本是4.1.2)的原生浏览器和androids chrome有一个问题。我使用SVG和onload事件构建了一个HTML5 webapp。我像这样包含了SVG (并由W3C推荐)
<object id="svgContent" data="file.svg" onload="MyMethod();">
Your browser did not support SVG
</object>
我的JS函数如下所示
function MyMethod() {
$('#svg