打开主菜单
首页
随机
登录
设置
关于活字社
免责声明
活字社
搜索
查看“Template:JSXGraph1”的源代码
←
Template:JSXGraph1
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
<html><link href="https://f.d.8gov.com/jsxgraph@1.6.2/jsxgraph.css" rel="stylesheet" type="text/css" /><script src="https://f.d.8gov.com/jsxgraph@1.6.2/jsxgraphcore.js" type="text/javascript" charset="UTF-8"></script></html><noinclude> ===用法=== 在页面中插入代码 <code><nowiki>{{JSXGraph1}}</nowiki></code> <code><nowiki></nowiki></code> 用 <code><nowiki><html></html></nowiki></code> 包裹图表代码: :绘图区域 <code><nowiki><div id="jxgbox" class="jxgbox" style="width:500px; height:400px;"></div></nowiki></code> :用 <code><nowiki><script></script></nowiki></code> 包裹 javascript 代码绘图: ::定义绘画板 <code><nowiki>var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 7, 5, -1], keepAspectRatio:true, axis:true});</nowiki></code> ,其中 <code><nowiki>boundingbox: [-5, 7, 5, -1]</nowiki></code> 定义坐标系范围 [左x, 上y, 右x, 下y];<code><nowiki>keepAspectRatio:true</nowiki></code> 保持纵横比;<code><nowiki>axis:true</nowiki></code> 显示坐标图。 ::畫點 <code><nowiki>var t = board.create('point',[4,6]);</nowiki></code> ::畫點 <code><nowiki>var p = board.create('point',[-2,-1],{name:"first", size:5, color:"FF0000"});</nowiki></code> ===效果=== <html> <div id="jxgbox" class="jxgbox" style="width:500px; height:400px;"></div> <script> var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 7, 5, -1], keepAspectRatio:true, axis:true}); var t = board.create('point',[4,6]); var p = board.create('point',[-2,2.5],{name:"first", size:5, color:"FF0000"}); var q = board.create('point',[3,1],{name:"last",fixed:true, face:"[]"}); var line1 = board.create("line",[[-3,5],[3,-1]]); var line2 = board.create("line",[p,q],{straightFirst:false, dash:"2" }); var H = board.create('intersection', [line1 , line2], {name: 'H',size:2, color: 'blue'}); var circle1 = board.create("circle",[H,p],{strokeColor:"red", strokeWidth:2}); var circle2 = board.create("circle",["first",1.8],{method:"pointRadius", fillColor:"gray",fillOpacity:0.2}); var I1 = board.create('intersection', [line1 , circle1 ,0], {name: 'I_1',size:2, color: 'blue'}); var I2 = board.create('intersection', [line1 , circle1 ,1], {name: 'I_2',size:2, color: 'blue'}); var line3 = board.create("line",[t,I1 ]); var line4 = board.create("line",[t,I2 ]); var angle1 = board.create('angle',[I2 ,t, I1 ], {radius:1}); var angle2 = board.create('angle',[line2,line1,1,-1], {radius:1,color:'green'}); var c1 = board.create('curve', [function(t){return t},function(t){return Math.sin(t);}]); var g1 = board.create('glider', [1, 1, c1]); var t1 = board.create('tangent', [g1]); </script> </html> <noinclude>
返回
Template:JSXGraph1
。