https://github.com/ok-dmr/aprs-symbols

CSS library and JS helpers providing rendering interface for APRS icons
https://github.com/ok-dmr/aprs-symbols

Last synced: 2 days ago
JSON representation

CSS library and JS helpers providing rendering interface for APRS icons

• Host: GitHub
• URL: https://github.com/ok-dmr/aprs-symbols
• Owner: OK-DMR
• License: mit
• Created: 2019-11-01T10:14:48.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-06-23T17:24:42.000Z (over 4 years ago)
• Last Synced: 2024-11-11T07:14:58.247Z (5 days ago)
• Language: CSS
• Homepage: https://smarek.github.io/aprs-symbols/
• Size: 1.15 MB
• Stars: 6
• Watchers: 3
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# aprs-symbols

CSS library with optional JS providing rendering means for APRS icons, rendering square icons of sizes 24px, 48px, 64px and 128px

## Usage

Include the resources in your app

```html

```

Plain HTML/CSS

```html





```

JS helper function to get image tag string by symbol

```javascript

// helper function returns string ""

let imageTagString = getAPRSSymbolImageTag('/[');

// helper function returns string "", ie. same symbol as above, but 64x64px size

let imageTagString = getAPRSSymbolImageTag('/[', 64);

```

JS helper function to get image tag by known address (format [table, column, row])

```javascript

// helper function returns string ""

let imageTagString = getAPRSSymbolImageTagByAddress([0, 3, 10]);

// helper function returns string "", ie. same symbol as above, but 48x46px size

let imageTagString = getAPRSSymbolImageTagByAddress([0, 3, 10], 48);

```

## Using symbols sprites from OH7LZB

PNG images used to render aprs symbols borrowed from OH7LZB repository

see source http://github.com/hessu/aprs-symbols/