LESS mixin用于颜色转换:HEX到BASE64

Question

是否有一个LESS mixin做以下转换?

#371541

:

   data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MTAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM3MTU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTEwMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+

Answer 1

简短回答:"No" (not that I am aware)

更长的答案是:

首先

,为什么?直接使用颜色要比将该颜色转换成由数据uri提供的图像要好得多。这是更少的代码，我怀疑更快的处理。

第二个，如果你必须有，那么你将…

(1)需要做自己的颜色转换混合。您可以通过模式匹配对每种颜色进行手动转换。比如:

.convert64(#371541) {
   data:image/svg+xml;base64,...[your data string for 3711541]
}
.convert64(#371542) {
   data:image/svg+xml;base64,...[your data string for 3711542]
}

你需要为你可能想要转换的每个hexcolor设置一个匹配，并有一个预配置的数据字符串输出。这当然是没有意义的，除非你只是在谈论一些数字

或(2)，做一些javascript解决方案来编码，LESS可以处理