我是否更少地误解了数据uri功能

时间:2014-07-18 13:36:41

标签: svg less data-uri

我正在尝试使用less data-uri函数

http://lesscss.org/functions/#misc-functions-data-uri

.test {background-image:data-uri("/images/ui-baseline.svg");}

我希望它能编译一个base64背景图片

.test {   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNDAiID48cmVjdCB5PSIzOSIgZmlsbD0iI0ZGODBDQiIgd2lkdGg9IjUiIGhlaWdodD0iMSIvPjxwYXRoIGZpbGw9IiM4MERERkYiIGQ9Ik01LDM1SDB2LTFoNVYzNXogTTUsMzBIMHYtMWg1VjMweiBNNSwyNUgwdi0xaDVWMjV6IE01LDIwSDB2LTFoNVYyMHogTTUsMTVIMHYtMWg1VjE1eiBNNSwxMEgwVjloNVYxMHogTTUsNUgwVjRoNVY1eiIvPjwvc3ZnPg==); }

但是我似乎无法让这个工作。 编译后的输出是:

.test {
  background-image: url("/images/ui-baseline.svg");
}

我错过了什么吗? 函数是否接受根相对路径?

我正在使用考拉,并且使用更少的1.7

由于

1 个答案:

答案 0 :(得分:0)

解决!

问题是Koala需要本地安装更少。

https://github.com/oklai/koala/issues/262#issuecomment-49688887