This article mainly introduces how to use the AngularJS library of JavaScript to create an electronic business card. you need to use the canvas of HTML5. For more information, see
Introduction
In this example, I reference some JavaScript libraries including AngularJS to implement a very simple business card generator. Although AngularJS library does not do much in this small application than other JavaScript libraries, this small and powerful AngularJS Library is the full source of inspiration for this application.
Background
In this application, we need to do some simple work. First, we need to use CSS to design business cards. Then, we need to allow users to input and edit data in real time. AngularJS is indispensable. Then, we need to convert the HTML p container of the business card into a canvas and download it as a PNG image. That's easy!
Code Usage
Here, I will explain the following code block.
VCard Creator demo
Real time vCard Creator
Download vCard as PNG
{Cname }}
{Tagline }}
{Name }}{ desig }}
{Phone }}
{Email }}
{Url }}