Getting Started With Fabric JS in Angular

<p>This article discusses the basics of using the&nbsp;<a href="http://fabricjs.com/" rel="noopener ugc nofollow" target="_blank">Fabric JS Canvas drawing library</a>&nbsp;in an Angular application. In the past, I&rsquo;ve used Pixi JS or SVG.js to illustrate dynamic drawing in an Angular application. The primary purpose of those articles was to illustrate specific algorithms and imperative drawing techniques. For those demonstrations, excess change detection cycles was not an issue. For production applications, however, it is often worthwhile to take time to fully optimize the change detection process. This is particularly true when dealing with Canvas interactivity.</p> <p>This article deconstructs an EdTech application that demonstrates two popular convex hull algorithms. If you are interested, you can&nbsp;<a href="https://en.wikipedia.org/wiki/Convex_hull" rel="noopener ugc nofollow" target="_blank">read up on the convex hull here</a>. The cliff notes version is pretty simple &mdash; think of the smallest convex polygon that contains a set of points. Convex simply means that a line segment between any two points inside the polygon is entirely inside the polygon.</p> <p><a href="https://medium.com/ngconf/getting-started-with-fabric-js-in-angular-222a1709642f"><strong>Visit Now</strong></a></p>
Tags: Fabric JS