Three.js webGLRenderer使用mathquill公式编辑降低性能
我有一个问题，我似乎不知道如何解决。我用了两种方法(https://github.com/laughinghan/mathquill#readme)和3.js(https://github.com/mrdoob/three.js/)为了一个项目 然而，当我将webGLRenderer附加到我的页面DOM中时，它会降低mathquill的等式编辑器的性能（或者做一些古怪的事情）。基本上，光标变得看不见了，输入任何东西都变得非常困难。如果您注释掉下面的行（######），您将能够比较我在与文本框中的等式交互时的意思Three.js webGLRenderer使用mathquill公式编辑降低性能,three.js,Three.js,我有一个问题，我似乎不知道如何解决。我用了两种方法(https://github.com/laughinghan/mathquill#readme)和3.js(https://github.com/mrdoob/three.js/)为了一个项目 然而，当我将webGLRenderer附加到我的页面DOM中时，它会降低mathquill的等式编辑器的性能（或者做一些古怪的事情）。基本上，光标变得看不见了，输入任何东西都变得非常困难。如果您注释掉下面的行（######），您将能够比较我在与文本框中的
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="mathquill.css">
</head>
<body>
<div id="viewport" z-index:"-1">
<canvas width="1920" height="713">
</div>
<div class="math" style="background: rgba(255,255,255,0.2);position:absolute;z-index:2;width:1920px;height:713px;top:150px;left:150px;">
<p><span class="mathquill-editable">\frac{5+\theta}{\int_0^x\theta}</span></p>
</div>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="mathquill.js"></script>
<script type="text/javascript" src="three.js"></script>
<script type="text/javascript">
$(function(){
var latexMath = $('.mathquill-editable').bind('keydown keypress').keydown().focus();
});
window.onload = function() {
var renderer = new THREE.WebGLRenderer();
renderer.setSize( 800, 600 );
// ########### uncomment the next line ######################
//document.body.appendChild( renderer.domElement );
};
</script>
</body></html>
\分形{5+\theta}{\int\u 0^x\theta}
$（函数（）{
var latexMath=$（'.mathquill可编辑'）.bind（'keydown keypress'）.keydown（）.focus（）；
});
window.onload=函数（）{
var renderer=new THREE.WebGLRenderer（）；
设置大小（800600）；
//取消对下一行的注释######################
//document.body.appendChild（renderer.doElement）；
};