0

我在 iframe 中有一些 WebGL 的东西。在某些网络浏览器或旧计算机上，iframe 无法加载。发生这种情况时，我想加载图像。有可能吗？如果可以，该怎么做？

谢谢

4

2 回答 2

1

中的问题<script>：

首先，您的<script>标签中似乎存在一些问题。标记内有普通的<center><iframe ...HTML 标记<script>，它不起作用，因为这里应该只有 javascript。还有一些缺少的;分号。

检测 WebGL 的解决方案：

你可以试试这个，但我也建议在我的回答结束时查看链接的网站：

?>
<script type="text/javascript">
if (!window.WebGLRenderingContext) {
    var myImage = new Image();
    myImage.src = "http://domain.tld/picture.jpg";
    $(myImage).prependTo(document.body);
} else {
    $(document.body).prepend('<center><iframe ALLOWTRANSPARENCY="true" frameborder="0" height="340" width="454" src="CORRECT THIS FIELD"></iframe></center>');
}
</script>
<?php

只需添加echosPHP 和正确的<iframe src="CORRECT THIS FIELD">属性，还将图像 url 设置为真正存在的东西。

代替document.body您可以使用例如'#myWebGLArea'并添加<div id="myWebGLArea"></div>到您的页面。

更多主题：

另请查看https://gist.github.com/1709384上的 WebGL 检测脚本和另一个 Q/A https://stackoverflow.com/a/9904965/1338846

于 2012-09-25T17:43:28.563 回答
1

最好检查是否支持 WebGL，就像在 Javascript 中一样

WebGLRenderingContext gl = canvas.getContext("experimental-webgl")

if(!gl)
{
    $("#image").show()
}
于 2012-09-25T15:13:10.070 回答