如何获取较少文件中定义的颜色的RGB值？

Question

我正在使用名为"let viewController = window!.rootViewController as! PatientTableViewController"的JS框架来绘制图形。

框架需要以下列方式处理数据（注意硬编码颜色）：

D3

在我的graphData = [ { data: [ { date: "01/01/2015", value: 10 }, { date: "02/01/2015", value: 5 }, { date: "03/01/2015", value: 2 }], label: 'Oranges', color: '#a3a3a3' }, { data: [ { date: "01/01/2015", value: 2 }, { date: "02/01/2015", value: 10 }, { date: "03/01/2015", value: 15 }], label: 'Apples', color: '#424242', }] 文件中，我定义了以下颜色：

less

如何在定义@Orange: #a3a3a; @Apple: #424242; ？

时获取less文件中定义的RGB颜色

Answer 1

您可以使用ajax请求获取较少的文件并找到颜色：

使用jQuery看起来像这样：

$.get('file.less', function(file) {
  var orange = file.match(/@Orange:\s*([^;]+);/i)[1];
  var apple = file.match(/@Apple:\s*([^;]+);/i)[1];
});

没有jQuery，您将需要使用XMLHttpRequest对象。