smarek/aprs-symbols

CSS 模块,用于渲染 APRS 符号表,可选的 JS 辅助工具

安装: 3

依赖关系: 0

建议者: 0

安全性: 0

星标: 6

关注者: 3

分支: 3

语言:CSS

v0.0.2 2020-04-27 20:41 UTC

This package is auto-updated.

Last update: 2024-09-24 02:47:23 UTC


README

CSS 库(可选 JS 辅助),提供 APRS 图标的渲染方式,可渲染 24px、48px、64px 和 128px 大小的方形图标

使用方法

将资源包含到您的应用程序中

<!-- Necessary CSS, PNG sprites should be in the same directory as the CSS file -->
<link rel="stylesheet" href="aprs-symbols.css"/>

<!-- Optional JS -->
<script src="aprs-symbols.js"></script>

纯 HTML/CSS

<!-- To draw symbol from table 0, address row 1, column 13 -->
<i class="aprs-table0 aprs-address-1-13"></i>
<!-- To draw symbol from table 1, address row 3, column 3, size 128px -->
<i class="aprs-table0-128 aprs-address-3-3"></i>

JS 辅助函数,通过符号获取图像标签字符串

// helper function returns string "<i class="aprs-table0 aprs-address-3-10"></i>"
let imageTagString = getAPRSSymbolImageTag('/[');
// helper function returns string "<i class="aprs-table0-64 aprs-address-64-3-10"></i>", ie. same symbol as above, but 64x64px size
let imageTagString = getAPRSSymbolImageTag('/[', 64);

JS 辅助函数,通过已知地址(格式 [表,列,行])获取图像标签

// helper function returns string "<i class="aprs-table0 aprs-address-3-10"></i>"
let imageTagString = getAPRSSymbolImageTagByAddress([0, 3, 10]);
// helper function returns string "<i class="aprs-table0-48 aprs-address-48-3-10"></i>", ie. same symbol as above, but 48x46px size
let imageTagString = getAPRSSymbolImageTagByAddress([0, 3, 10], 48);

使用 OH7LZB 的符号精灵

用于渲染 aprs 符号的 PNG 图像是从 OH7LZB 存储库借用的,详见源代码 http://github.com/hessu/aprs-symbols/