74,406
个编辑
(创建页面,内容为“<html><link href="https://www.typeface.cn/static/jsxgraph@1.6.2/jsxgraph.css" rel="stylesheet" type="text/css" /><script src="https://www.typeface.cn/static/jsxgraph@1.6.2/jsxgraphcore.js" type="text/javascript" charset="UTF-8"></script></html><noinclude> ===用法=== 在页面中插入代码 <code><nowiki>{{JSXGraph1}}</nowiki></code> 用 <code><nowiki><html></html></nowiki></code> 包裹图表代码 ===效果=== <html> <div id="jxgbox" class="…”) |
小无编辑摘要 |
||
第2行: | 第2行: | ||
===用法=== | ===用法=== | ||
在页面中插入代码 <code><nowiki>{{JSXGraph1}}</nowiki></code> | 在页面中插入代码 <code><nowiki>{{JSXGraph1}}</nowiki></code> | ||
<code><nowiki></nowiki></code> | |||
用 <code><nowiki><html></html></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> | <html> | ||
<div id="jxgbox" class="jxgbox" style="width:500px; height: | <div id="jxgbox" class="jxgbox" style="width:500px; height:400px;"></div> | ||
<script> | <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> | </script> | ||
</html> | </html> | ||
<noinclude> | <noinclude> |