Как преобразовать код цвета RGB в код HTML в nativescript - PullRequest
0 голосов
/ 10 января 2019

У меня есть компонент для моей задачи, и я пытаюсь получить цвет, используя плагин выбора цвета в nativescript. Проблема в том, что он показывает результат в формате int, например -899123 или -989.

Я создал метод и вызвал его, который дал мне этот результат, см. Код ниже:

import { ColorPicker } from 'nativescript-color-picker';

let picker = new ColorPicker();
export class MyComponent extends Observable {
public Background:ColorPicker;
@Output() MessageEvent = new EventEmitter<string>();
constructor(private page: Page) {
    this.Background = picker;
}
ShowColor() {
    this.Background
  .show('#fff000', 'RGB')
  .then(result => {
      console.log('color int: '+result);
    this.input.Background = result;

  })
  .catch(err => {
    console.log(err);
  });
}
}

Любая помощь?

Ответы [ 2 ]

0 голосов
/ 11 января 2019

Отличный маной, я только что попробовал этот код, и он работал для меня.

this.input.background = result; 
const color = new Color(this.input.background); 
this.input.background = color.hex; 
console.log(this.input.background); 

Я использовал значение результата в this.input.background, потому что оно показывало ошибку, когда я пытался использовать const color = new Color (result); так что работал с вышеупомянутым методом. Большое спасибо

0 голосов
/ 10 января 2019

Как указано в документации, используйте модуль Color для преобразования значений цвета из целого числа в шестнадцатеричное или rgba.

import { Color } from 'tns-core-modules/Color';

....
const color = new Color(result);
console.log(color.hex); // will return hex code
....
...