JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://draw2d.org/draw2d_touch/jsdoc/draw2d/examples/code_snippets/shape/css/example.css">
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/raphael.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/jquery-1.10.2.min.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/jquery.autoresize.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/jquery-touch_punch.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/jquery.contextmenu.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/rgbcolor.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/canvg.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/Class.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/json2.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc/draw2d/lib/pathfinding-browser.min.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc_5/draw2d/src/draw2d.js"></script>
<script src="http://draw2d.org/draw2d_touch/jsdoc_5/draw2d/lib/shifty.js"></script>
<div id="canvas"> <br><br><br><br><br><br><br><br><br><br><br><br></div>
JavaScript
var canvas = new draw2d.Canvas("canvas");
var readOnlyButton = new draw2d.shape.basic.Rectangle({
x: 80,
y: 80,
width: 15,
height: 15,
bgColor: "#FF0000",
color: "#FF0000"
});
canvas.add(readOnlyButton);
var editButton = new draw2d.shape.basic.Rectangle({
x: 105,
y: 80,
width: 15,
height: 15,
bgColor: "#00FF00",
color: "#00FF00"
});
canvas.add(editButton);
start = new draw2d.shape.node.Start({
x: 10,
y: 10
});
end = new draw2d.shape.node.End({
x: 150,
y: 10
});
canvas.add(start);
canvas.add(end);
readOnlyButton.on("click", function () {
canvas.installEditPolicy(new draw2d.policy.canvas.ReadOnlySelectionPolicy());
});
editButton.on("click", function () {
canvas.installEditPolicy(new draw2d.policy.canvas.SingleSelectionPolicy());
});