https://github.com/knovour/jquery-textavatar

Let user name become a simple text avatar
https://github.com/knovour/jquery-textavatar

avatar css javascript jquery text-avatar textavatar vanillajs

Last synced: 6 days ago
JSON representation

Let user name become a simple text avatar

• Host: GitHub
• URL: https://github.com/knovour/jquery-textavatar
• Owner: Knovour
• License: mit
• Created: 2013-11-17T12:11:37.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2019-04-16T05:27:27.000Z (over 5 years ago)
• Last Synced: 2024-12-08T01:48:57.909Z (16 days ago)
• Topics: avatar, css, javascript, jquery, text-avatar, textavatar, vanillajs
• Language: JavaScript
• Homepage:
• Size: 32.2 KB
• Stars: 28
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
jQuery Text Avatar (include vanillajs version)

=================

Let user name become a simple text avatar

#### [Demo]

## Usage

For older version check [here](https://github.com/Knovour/jquery-textavatar/tree/old)

```bash

npm i jquery.textavatar

```

Load **textavatar.css** or just merge to your css file.

### jQuery

```html



```

```javascript

$('.textavatar').textAvatar()

```

#### Auto Create

```html



```


#### Options

There is only **width** and **name** now.

```javascript

$('DIV-NAME').textAvatar({

    width: 120, //no need to type 'px'

    name: NAME HERE

})

```

### VanillaJS

```html



```


For es6 module

```javascript

import textAvatar from 'textavatar.js'

textAvatar(document.querySelector('.textavatar'))

```

For normal usage

```html

```

#### Auto Create

```html



```


#### Options

There is only **width** and **name** now.

```javascript

textAvatar(document.querySelector('DIV-NAME'), {

    width: 120, //no need to type 'px'

    name: NAME HERE

})

```

## MIT License

[Demo]: http://knovour.github.io/jquery-textavatar