jQuery

【jQuery】5×5のデジタル形式の文字digitalwrite

July 1, 2017
digital write jQuery plugin

digitalwriteは5×5のデジタル形式の文字を作成するためのjQueryプラグイン。

jQuery jsライブラリを含める

<script src="<path to jQuery.version.js>"><script>

ライブラリを含める

<script src="./js/jquery.digitalwrite.js"><script>

or

<script src="./js/jquery.digitalwrite.min.js"><script>

div

<div id="M_Placeholder"></div>

jQueryに含める

 $("#M_Placeholder").digitalwrite({char: 'M'});

char
height
width
background
border
animation
success
timeout

$("#M_Placeholder").digitalwrite({
    char: 'M',
    height: 120,
    width: 120,
    background: 'rgba(0, 0, 0, .1)',
    border: '1px dased black',
    animate: 'contract',
    success: function() {
        console.info('Charecter M ready');
    }
});

テキストを他のテキストに変換

$("#M_Placeholder").transformTo('K', function() {
  console.info('successfully transformed to K');  
});

MIT