Euler line source code - Revision history

A WASSERMANN at 17:17, 24 June 2020

2020-06-24T17:17:54Z

← Older revision		Revision as of 17:17, 24 June 2020
Line 64:		Line 64:
	<title>Euler line with JSXGraph</title>		<title>Euler line with JSXGraph</title>
	<link rel="stylesheet" type="text/css"		<link rel="stylesheet" type="text/css"
	href="http://jsxgraph.~~uni-bayreuth.de~~/distrib/jsxgraph.css" />		href="http://jsxgraph.org/distrib/jsxgraph.css" />
	<script type="text/javascript"		<script type="text/javascript"
	src="http://jsxgraph.~~uni-bayreuth.de~~/latest/jsxgraphcore.js"></script>		src="http://jsxgraph.org/latest/jsxgraphcore.js"></script>
	</head>		</head>
	<body>		<body>
Line 139:		Line 139:
	<title>Euler line with JSXGraph</title>		<title>Euler line with JSXGraph</title>
	<link rel="stylesheet" type="text/css"		<link rel="stylesheet" type="text/css"
	href="http://jsxgraph.~~uni-bayreuth.de~~/distrib/jsxgraph.css" />		href="http://jsxgraph.org/distrib/jsxgraph.css" />
	<script type="text/javascript"		<script type="text/javascript"
	src="http://jsxgraph.~~uni-bayreuth.de~~/latest/jsxgraphcore.js"></script>		src="http://jsxgraph.org/latest/jsxgraphcore.js"></script>
	</head>		</head>
	<body>		<body>

A WASSERMANN: /* JessieCode code */

2013-07-09T08:28:49Z

JessieCode code

← Older revision		Revision as of 08:28, 9 July 2013
Line 133:		Line 133:
	===JessieCode code===		===JessieCode code===

	The ~~smae~~ example with JessieCode:		The same example with JessieCode:
	<source lang="html4strict">		<source lang="html4strict">
	<html>		<html>

A WASSERMANN at 13:26, 25 October 2012

2012-10-25T13:26:04Z

← Older revision		Revision as of 13:26, 25 October 2012
Line 69:		Line 69:
	</head>		</head>
	<body>		<body>
	~~...~~
	<div id="box_euler_line" class='jxgbox' style='width:600px; height:600px;'></div>		<div id="box_euler_line" class='jxgbox' style='width:600px; height:600px;'></div>
	<script type='text/javascript'>		<script type='text/javascript'>
Line 145:		Line 144:
	</head>		</head>
	<body>		<body>
	~~...~~
	<script type='text/jessiecode'>		<script type='text/jessiecode'>
	</source>		</source>
Line 199:		Line 197:
	strokeColor:'#901B77'		strokeColor:'#901B77'
	>>;		>>;
	~~</script>~~
	~~</body>~~
	~~</html>~~
	</source>		</source>
	<source lang="html4strict">		<source lang="html4strict">

A WASSERMANN at 13:25, 25 October 2012

2012-10-25T13:25:05Z

@@ Line 3: / Line 3: @@
 The final construction looks like this
-<jsxgraph width="600" height="600">
+<jsxgraph width="400" height="400">
      var board = JXG.JSXGraph.initBoard('jxgbox', {
                      boundingbox: [-1.5, 2, 1.5, -1], keepaspectratio:true
@@ Line 127: / Line 127: @@
 </source>
 <source lang="html4strict">
 </source>
 ===JessieCode code===
 <source lang="javascript">
 </script>
 </body>

A WASSERMANN at 13:22, 25 October 2012

2012-10-25T13:22:42Z

← Older revision		Revision as of 13:22, 25 October 2012
Line 59:		Line 59:
	===JSXGraph code===		===JSXGraph code===

	<source lang="~~html4~~">		<source lang="html4strict">
			<html>
			<head>
			<title>Euler line with JSXGraph</title>
			<link rel="stylesheet" type="text/css"
			href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
			<script type="text/javascript"
			src="http://jsxgraph.uni-bayreuth.de/latest/jsxgraphcore.js"></script>
			</head>
			<body>
			...
			<div id="box_euler_line" class='jxgbox' style='width:600px; height:600px;'></div>
			<script type='text/javascript'>
	</source>		</source>

	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('jxgbox', {		var board = JXG.JSXGraph.initBoard('jxgbox', {
Line 114:		Line 125:
	strokeColor:'#901B77'		strokeColor:'#901B77'
	});		});
			</source>
			<source lang="html4strict">
	</source>		</source>

Line 119:		Line 132:

	<source lang="javascript">		<source lang="javascript">
			</script>
			</body>
			</html>
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 13:21, 25 October 2012

2012-10-25T13:21:28Z

@@ Line 4: / Line 4: @@
 <jsxgraph width="600" height="600">
      var board = JXG.JSXGraph.initBoard('jxgbox', {
                      boundingbox: [-1.5, 2, 1.5, -1], keepaspectratio:true
@@ Line 59: / Line 58: @@
 ===JSXGraph code===
 <source lang="javascript">
 </source>
@@ Line 67: / Line 120: @@
 <source lang="javascript">
 </source>

A WASSERMANN: Created page with "Here is the source code cited in the paper ''Interactive Geometry for the web and mobile devices'' by Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Heiko Vogel, Alfred Was..."

2012-10-25T13:20:26Z

Created page with "Here is the source code cited in the paper ''Interactive Geometry for the web and mobile devices'' by Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Heiko Vogel, Alfred Was..."

New page

Here is the source code cited in the paper ''Interactive Geometry for the web and mobile devices'' by Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Heiko Vogel, Alfred Wassermann (2012).

The final construction looks like this

<jsxgraph width="600" height="600">
JXG.Options.text.fontSize = 20;
var board = JXG.JSXGraph.initBoard('jxgbox', {
boundingbox: [-1.5, 2, 1.5, -1], keepaspectratio:true
});

// Triangle ABC
var A = board.create('point', [1, 0]),
B = board.create('point', [-1, 0]),
C = board.create('point', [0.2, 1.5]),
pol = board.create('polygon',[A,B,C], {
fillColor: '#FFFF00',
borders: {
strokeWidth: 2,
strokeColor: '#009256'
}
});

// Perpendiculars and orthocenter i1
var pABC = board.create('perpendicular', [pol.borders[0], C]),
pBCA = board.create('perpendicular', [pol.borders[1], A]),
pCAB = board.create('perpendicular', [pol.borders[2], B]),
i1 = board.create('intersection', [pABC, pCAB, 0]);

// Midpoints of segments
var mAB = board.create('midpoint', [A, B]),
mBC = board.create('midpoint', [B, C]),
mCA = board.create('midpoint', [C, A]);

// Line bisectors and and centroid i2
var ma = board.create('segment', [mBC, A]),
mb = board.create('segment', [mCA, B]),
mc = board.create('segment', [mAB, C]),
i2 = board.create('intersection', [ma, mc, 0]);

// Circum circle and circum center
var c = board.create('circumcircle', [A, B, C], {
strokeColor: '#000000',
dash: 3,
strokeWidth: 1,
center: {
name: 'i_3',
withlabel:true,
visible: true
}
});

// Euler line
var euler = board.create('line', [i1, i2], {
dash:1,
strokeWidth: 2,
strokeColor:'#901B77'
});
</jsxgraph>

===JSXGraph code===

<source lang="javascript">
</source>

===JessieCode code===

<source lang="javascript">
</source>