JSFiddle - React, Tailwind, and code Playground

by migerh

HTML

<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<div id="jxgbox"></div>

CSS

#jxgbox {
    width: 500px;
    height: 500px;
}

JavaScript

var board = JXG.JSXGraph.initBoard('jxgbox', {
    boundingbox: [-10, 10, 10, -10],
    axis: true,
    grid: true
});

var p1 = board.create('point', [0, 0]);
var p2 = board.create('point', [5, 0]);
var p3 = board.create('point', [2.55, 4.38]);
var c = board.create('RegularPolygon', [p1, p2,p3],{hasInnerPoints:true});
board.removeObject(c) ;

// ----------------------------

// from 0.98 on you can do
// p3.free();

// until then use
p3.transformations.length = 0;

// ----------------------------


// drag pt A and B , pt C also moves.
// How to make these points free