ng-chiptan

angularjs component to render chiptan flicker code

Usage no npm install needed!

<script type="module">
  import ngChiptan from 'https://cdn.skypack.dev/ng-chiptan';
</script>

README

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)