fundsaccess / ng-chiptan

angularjs component to render chiptan flicker code
MIT License
1 stars 1 forks source link

ng-chiptan

Angularjs component to render chiptan flicker code

Demo: https://fundsaccess.github.io/ng-chiptan/

For the Angular 2+ version see https://github.com/fundsaccess/ngx-chiptan

Installation

npm:

$ npm i ng-chiptan --save

yarn:

yarn add ng-chiptan

Import

Once installed you need to import the main module:

import 'ng-chiptan';

angular.module('app', ['ngChiptan'])

Usage

<ng-chiptan 
    code="'17850120452019980412345678041234567804123456789E'"
    width="300" 
    height="150"  
    bgColor="'#000'" 
    barColor="'#fff'">
</ng-chiptan>
Property Type Default Description
code string '' ChipTAN code to render.
width number 205 Canvas width.
height number 100 Canvas height.
bgColor string '#000' Canvas background color.
barColor string '#fff' Vertical bar(s) in canvas color.

Demo

https://fundsaccess.github.io/ng-chiptan/

or

npm run start

Acknowledgments

Inspired by
chipTAN Flickercodes article

react-chiptan

License

Copyright (c) 2019 fundsaccess AG. Licensed under the MIT License (MIT)