问JSXGraph元件消失
EN

Stack Overflow用户

提问于 2016-06-14 08:50:23

回答 1查看 416关注 0票数 0

我刚开始和JSXGraph合作。我有一些代码，当我开始移动它们时，棋盘的内容就会立即消失。这只发生在Firefox (47.0)上，而代码在Chrome和MSIE上运行良好。我在Windows7pro上，JSXGraph版本是0.99.4。

下面是一个很小的例子来演示这个问题。只需加载页面(在Firefox上)并移动点。我知道，如果去掉表，我可以解决这个问题，但是我认为HTML仍然是有效的。我想知道我做错了什么。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="iso-8859-1">
    <link rel="stylesheet" type="text/css" href="jsxgraph.css" />
    <script type="text/javascript" src="jsxgraphcore.js" charset="utf-8"></script>
  </head>
  <body>
    <table>
      <tr>
        <td><div id="box" class="jxgbox" style="width:180px; height:180px;"></div></td>
        <td style="width:20%;">&nbsp;</td>
        <td><div class="jxgbox" style="width:360px; height:360px;"></div></td>
      </tr>
    </table>
    <script type="text/javascript">
     var board = JXG.JSXGraph.initBoard("box", {
       boundingbox: [-10, 10, 10, -10],
       grid: false,
       axis: false
     });
     var ax = board.create('axis', [[0, 0], [1, 0]]);
     ax.removeAllTicks();
     var p1 = board.create("point", [3, 2]);
    </script>
  </body>
</html>

jsxgraph

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-14 20:36:56

这似乎是Firefox中的一个错误。如果下列情况下，JSXGraph板将正常工作

包含JSXGraph板的表单元格是其行中最大的(高度)单元格
或者该表单元格是否具有属性valign=top。

如果JSGraph <div>在其表单元内垂直浮动，火狐将失去对SVG元素的控制--原因不明。一个简单的解决方法是使用canvas作为呈现引擎，而不是SVG。

 var board = JXG.JSXGraph.initBoard("box", {
   renderer: 'canvas',
   boundingbox: [-10, 10, 10, -10],
   grid: false,
   axis: false
 });

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37807206

复制

相似问题

问JSXGraph元件消失
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSXGraph元件消失EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSXGraph元件消失
EN