smarek / aprs-symbols
CSS 模块,用于渲染 APRS 符号表,可选的 JS 辅助工具
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/