อืม มีคนถามว่าจะใช้ sketchpad ทำนั่นยังไง ทำนี่ยังไง เราก็อยากทำบางสิ่งที่คล้าย ๆ กันมั่งแต่บน svg นะผ่าน asciimathml ดูว่า เป็นยังไงมั่ง ข้อแรก คือ พยายามอธิบายว่า ถ้าเส้นรอบรูป คงที่แล้ว รูปสี่เหลี่ยมที่มีพื้นที่มากที่สุดคือสื่เหลี่ยมจตุรัส อะ
agraph
width=400; height=400; xmin=-1; xmax=11; xscl=1; ymin=-1; ymax=11;
initPicture(-1,11);
svgpicture.setAttribute(“id”,”ProofRect”);
axes();
setBorder(0);
axes(1, 1, “labels”, 1);
stroke = “blue”;
strokewidth = “1″;
strokedasharray = “4,3″;
line([0,10],[10,0]);
b= 5;
svgpicture.setAttribute(“onmousemove”,”dynamic.update(evt)”);
dynamic.update = function(evt) {
switchTo(“ProofRect”);
with(Number);
stroke = “red”;
fill = “yellow”;
rect((0,0),(b,10-b),”yid”);
stroke = “green”;
var wa = new Number(0);
var wl = new Number(0);
var hl = new Number(0);
wl = b
hl = 10 -b
wa = b*(10-b);
dot((b,10-b),”closed”,”x”,”above”,”xid”);
text((0.5*b,5-0.5*b),”area = “+wa.toFixed(2),”",”zid”);
text((0.5*b,10-b+0.5),”width = “+wl.toFixed(2),”",”aid”);
text((b+0.5,5-0.5*b),”height=”+hl.toFixed(2),”",”bid”);
if (evt!=undefined){ b = getX(evt);}
};
dynamic.update()
endagraph
ส่วนอันที่สองนี้เป็น การพยายามบอกว่า สามเหลี่ยมที่มีฐานเดียวกันสูงเท่ากันจะมีพื้นที่เท่ากันนะ
agraph
width=400; height=400; xmin=-10; xmax=10; xscl=1; ymin=-1; ymax=2.5;
setBorder(0);
initPicture(-10,10);
svgpicture.setAttribute(“id”,”ProofTriH”);
stroke = “red”;
strokewidth = “1″;
strokedasharray = “4,3″;
bb= 5;
svgpicture.setAttribute(“onmousemove”,”dynamic.update2(evt)”);
dynamic.update2 = function(evt) {
switchTo(“ProofTriH”)
with(Number);
stroke = “red”;
fill = “yellow”;
triangle((4,0),(7,0),(bb,2),”aasdd”);
stroke = “green”;
var wa = new Number(0);
var wl = new Number(0);
var hl = new Number(0);
wl = 3
hl = 2
wa = 3
dot((bb,2),”closed”,”xfff”,”above”,”xxid”);
line((bb,2),(bb,0),”sdfas”);
text((6,0.5),”area = “+wa.toFixed(2),”",”zzid”);
text((6,-0.5),”width = “+wl.toFixed(2),”",”aaid”);
text((bb,1),”height=”+hl.toFixed(2),”",”bbid”);
if (evt!=undefined){ bb = getX(evt);}
};
dynamic.update2()
endagraph
