Shear transformation: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 12: Line 12:
JXG.Options.label.autoPosition = true;
JXG.Options.label.autoPosition = true;
JXG.Options.text.fontSize = 20;
JXG.Options.text.fontSize = 20;
var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox: [-5, 5, 5, -5], axis: true});
var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox: [-8, 8, 8, -8], axis: true});


var x = board.defaultAxes.x;
var x = board.defaultAxes.x;
var y = board.defaultAxes.y;
var y = board.defaultAxes.y;


var q = board.create('point', [1, 2], {name: 'q'});
var q = board.create('point', [1, 2], {name: 'q', snapToGrid: true});
var q1 = board.create('point', [
var q1 = board.create('point', [
         () => q.X() + q.Y(),
         () => q.X() + q.Y(),

Revision as of 07:18, 31 May 2021

Shear transformation

[math]\displaystyle{ \varphi: {\cal A}(\mathbb{R}^2) \to {\cal A}(\mathbb{R}^2), \; x \mapsto \begin{pmatrix}1 & 1 \\ 0& 1\end{pmatrix} }[/math]

Points of the form [math]\displaystyle{ {x\choose \lambda} }[/math] are mapped to:

[math]\displaystyle{ \varphi({x\choose \lambda}) = {x + \lambda\choose} }[/math]


The underlying JavaScript code