card-maker
v0.0.5
Published
Making card simple using JSON
Downloads
10
Readme
Card Maker
Making card simple using JSON.
How to edit
Open index.html
file.
Find this configuration, and change with your style. Cheers 🍻
var template1 = {
"background": "https://rohmanhm.github.io/img/defaultbg.jpg",
"text": [
{
"name": "fullName",
"description": "Input your full name, or anything",
"value": "RohmanHM",
"props": {
"x": 270,
"y": 71,
"size": 20,
"stroke": false,
"align": "center"
}
}, {
"name": "email",
"description": "Input your email address",
"value": "[email protected]",
"props": {
"x": 195,
"y": 118,
"size": 12,
"stroke": false,
"align":"left"
}
}, {
"name": "phoneNumber",
"description": "Input your phone number",
"value": "(+62)-823-308-99999",
"props": {
"x": 195,
"y": 139,
"size": 12,
"stroke": false,
"align":"left"
}
}, {
"name": "streedAddress",
"description": "Input your street address",
"value": "Sillicon Valley Street 3B",
"props": {
"x": 195,
"y": 159,
"size": 12,
"stroke": false,
"align":"left"
}
}
],
"images": [
{
"name": "imageProfile",
"description": "Input your image avatar",
"value": "https://avatars1.githubusercontent.com/u/7524911?v=3&s=460",
"props": {
"x": 22,
"y": 32,
"width": 100,
"height": 100
}
}
]
};