摘要: 本文介绍基于GeoGebra和JavaScript的小程序样例 - 图形计算器。
提示：分别输入 x^2、x*y=1、2x+y=1、2sin(2x) 看看会显示什么图形？
网页代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形计算器</title> <style type="text/css"> body > input { height: 40px; width: 100%; max-width: 500px; text-align: center; margin-bottom: 10px; } </style> </head> <body> <input type="text" placeholder="输入函数表达式或GGB指令，然后回车生成图像" onchange="exprChanged(this.value)"> <div id="applet"></div> <script src="../GeoGebra/deployggb.js"></script> <script> var applet = new GGBApplet({width: 800, height: 500});
applet.setHTML5Codebase('../GeoGebra/HTML5/5.0/web3d/', true); window.onload = function() { applet.inject('applet', 'html5'); };
function exprChanged(text) { ggbApplet.reset(); ggbApplet.evalCommand(text); } </script> </body> </html>
|