HTML / CSS / JS / Vue Форматирование шестнадцатеричной строки в таблице - PullRequest
Новая
       42

HTML / CSS / JS / Vue Форматирование шестнадцатеричной строки в таблице

0 голосов
/ 25 апреля 2020

У меня есть шестнадцатеричная строка, скажем, 16 байт, и ее содержимое относится к структуре, я хочу отобразить ее в виде таблицы размером 4x4 в шестнадцатеричном формате, которая должна иметь разный цвет фона для разных параметров

Входная строка:

data = '000102030405060708090A0B0C0D0E0F'

Структура структуры: 

  layout: [
    {
      name: param1,
      offset: 0,
      size: 2,
      type: "hex",
    },
    {
      name: param2,
      offset: 2,
      size: 4,
      type: "float",
    },
    {
      name: param3,
      offset: 6,
      size: 2,
      type: "int",
    },
    {
      name: param4,
      offset: 8,
      size: 4,
      type: "float",
    }, ....

Вывод :

4x4 Таблица, отображающая отдельные байты ввода в шестнадцатеричном формате с различным цветом фона для каждого параметра (скажем, красный для param1, синий для param 2 ...), когда пользователь наводит курсор на параметр, необходимо отобразить отформатированный значение (int, char, float, et c) во всплывающей подсказке или другом элементе div.

Значения: 

-------------
|00|01|02|03|
|04|05|06|07|
|08|09|0A|0B|
|0C|0D|0E|0F|
-------------

Цвет: 

-------------
| RED |BLUE |
| BLUE|GRAY |
|  YELLOW   |
|...........|
-------------
...