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)