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

时间:2015-12-28 09:07:46

标签: javascript css d3.js less

我正在使用名为"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颜色

1 个答案:

答案 0 :(得分: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对象。

相关问题