Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Loading Raphael JS via require JS

DZone's Guide to

Loading Raphael JS via require JS

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

Raphael, the SVG JavaScript library, does not support require JS (yet). When loaded via require('raphael'), the code breaks throwing 'eve is not defined' error in the console. There is a year long issue thread going on regarding this issue, but still there is no official fix yet.

Anyway, in the same thread, people started providing patches that fix this issue (for time being). And in one of the project, I saw the Raphael source code split into different files and converted to CommonJS module pattern.

I took the liberty to extract only the raphael-js modules and put them together in this Github repo: https://github.com/vraa/raphael-require

So, if you have a need, please feel free to use the above repo and let me know if you face any issues.



Take a look at the Indigo.Design sample applications to learn more about how apps are created with design to code software.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}