JSFiddle - React, Tailwind, and code Playground
by MagicLegend
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.5/fabric.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Static Canvas | Fabric.js Demos</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.5/fabric.min.js"></script>
<!--[if lt IE 9]>
<script src="https://raw.github.com/kangax/fabric.js/master/lib/excanvas.js"></script>
<![endif]-->
<script>
// polyfill by @paulirish
if (!window.requestAnimationFrame ) {
window.requestAnimationFrame = (function() {
return window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function( /* function FrameRequestCallback */ callback, /* DOMElement Element */ element ) {
window.setTimeout( callback, 1000 / 60 );
};
})();
}
</script>
</head>
<body>
<ul id="header">
<li><a href="/fabric.js/">Features</a></li>
<li><a href="/fabric.js/demos">Demos</a></li>
<li><a href="/fabric.js/benchmarks">Benchmarks</a></li>
<li><a href="/fabric.js/docs">Docs</a></li>
<li><a href="/fabric.js/test">Tests</a></li>
<li class="flattr">
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://kangax.github.com/fabric.js"></a>
<noscript><a href="http://flattr.com/thing/391332/Fabric-js" target="_blank">
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
</li>
<li class="twitter"><a href="http://twitter.com/fabricjs"><span>Twitter</span></a></li>
<li class="github"><a href="http://github.com/kangax/fabric.js"><span>Github</span></a></li>
<li class="github"><a href="http://stackoverflow.com/questions/tagged/fabricjs"><span>SO</span></a></li>
<li class="github"><a...