JSFiddle - React, Tailwind, and code Playground
HTML
<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/zhanglei644213943/uglifyjs-parser.js"></script>
<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/zhanglei644213943/jscex.js"></script>
<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/zhanglei644213943/jscex.builderBase.js"></script>
<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/zhanglei644213943/jscex.async.js"></script>
<script src="http://files.cnblogs.com/iamzhanglei/easel.js" type="text/javascript"></script>
<!--[if IE]>
<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/zhanglei644213943/json2.js"></script>
<script language="javascript">
Jscex.config.codeGenerator = function (code) { return "false || " + code; }
</script>
<![endif]--><div style="border-bottom: #222 15px solid; border-left: #222 15px solid; background-color: #111; color: #ccc; border-top: #222 15px solid; border-right: #222 15px solid"><canvas id="myCanvas4" width="700" height="500">Your browser does not support the canvas element. </canvas></div>
<script>
var canvas;
var stage;
var txt;
var shape;
var count = 0;
function init() {
canvas = document.getElementById("myCanvas4");
stage = new Stage(canvas);
// Create a new Text object, and position it on stage:
txt = new Text("text on the canvas... 0!", "16px Arial", "#FFF");
txt.textBaseline = "top"; // draw text relative to the top of the em box.
txt.x = 10;
txt.y = 10;
// txt.rotation = 20;
//txt.outline = true;
stage.addChild(txt);
txt2 = new Text("text on the canvas... 0!", "16px Arial", "#FFF");
txt2.textBaseline = "top"; // draw text relative to the top of the em box.
txt2.x = 10;
txt2.y = 30;
...