Dynami c (не заморожено) окраска деталей изображения - PullRequest
0 голосов
/ 21 января 2020

Мне нужен ваш опыт для создания панели мониторинга производительности. Допустим, я производитель автомобилей. Как руководитель этой замечательной компании, мне нужно иметь общее представление о моем производственном процессе. Мое предложение было бы добавить на панель инструментов фоновое изображение с моим продуктом: enter image description here

Как я могу применить несколько слоев для динамического обновления статуса каждого рабочего элемента (дверь, колеса ...), например: enter image description here

В этом примере боссу нужно будет сосредоточиться на передних дверях этого прекрасного автомобиля!

Так что теперь, некоторый контекст. Я хотел бы сделать несколько скриптов Google Apps / Javascript, чтобы обновить цвета (фиксированные цвета: красный / желтый / зеленый) для каждой части изображения, встроенной в сайт. Код должен читать данные где-то во время загрузки страницы (например, в листе Google или другой БД) и применять правильный холст / слои или любую хорошую идею, которую вы можете предложить. Должны иметься ссылки на каждую часть изображения, чтобы углубиться в каждую топи c.

В каком направлении вы советуете мне следовать?

1 Ответ

0 голосов
/ 21 января 2020

Общий рабочий процесс с помощью скрипта приложений:

  • Создание веб-приложения .
  • Реализация в файле .gs (на стороне сервера) веб-приложения функции он будет извлекать и возвращать данные из вашей электронной таблицы (значения цвета, которые будут назначены для каждой автомобильной детали)
  • В файле html веб-приложения вызовите серверную функцию с помощью google.script. запустите .
  • Реализуйте функцию withSuccessHandler с параметрами, которые будут использовать данные, полученные со стороны сервера, в функции JS.
  • Функция JS Вы можете создать / изменить внутренний HTML вашего веб-сайта, присвоив вашему изображению полученные значения цветов.
  • Внедрите URL вашего WebApp в вашу веб-страницу. .
  • Данные будут обновлены при обновлении вашей веб-страницы. В качестве альтернативы вы можете внедрить веб-опрос для автоматического обновления sh данных через указанные промежутки времени.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...