Image Kernels Explained Visually

Re:Image Kernels Explained Visually by dxoapv on Thursday January 29, 2015 @09:45PM (#8970204)

Slightly offtopic but I really like the effect with the side to side images. The html tags are <image-as-matrix></image-as-matrix> and <kernel-matrix></kernel-matrix>.

Does anyone know which lib (if any) he's using or how it's done? Read the source, couldn't figure it out.

[ Parent | on HN ]

Re:Image Kernels Explained Visually by rogerhoward on Thursday January 29, 2015 @10:25PM (#8970319)

Angular as the overall app framework, and D3.js for the canvas fun. Take a look at his script.js, it's pretty straightforward.

[ Parent | on HN ]

Re:Image Kernels Explained Visually by dxoapv on Thursday January 29, 2015 @10:34PM (#8970339)

Can it be done without Angular.js?

[ Parent | on HN ]

Re:Image Kernels Explained Visually by ibrahima on Friday January 30, 2015 @05:07AM (#8971307)

AngularJS is just being used to make those custom HTML tags (called "directives" in Angular-speak). It likely has nothing to do with the actual functionality.

[ Parent | on HN ]

Re:Image Kernels Explained Visually by vicapow on Thursday January 29, 2015 @11:11PM (#8970422)

Yes

[ Parent | on HN ]