我们正在使用Abode Illustrator创建SVG文件,我们正在尝试创建javaScripts来列出SVG文件中编码的所有颜色代码。
还要尝试获取SVG中每个对象中编码的每种颜色的计数。
我们尝试使用@Emeeus提供的以下链接中提供的解决方案。 链接:Illustrator script to find all colors in document
我们在一个空白网页中打开了SVG文件,并在控制台中运行了以下代码:
var doc = document.getElementsByTagName("*");
var colors = [];
for (let j = 0; j < doc.length; j++) {
var styles = window.getComputedStyle(doc[j], null)
for (let i = 0; i < styles.length; i++) {
if (typeof styles[styles[i]] !== "undefined" && styles[styles[i]].match(/rgb\([0-9, ]*\)/g)) {
let color = styles[styles[i]].replace(/(.*)(rgb\([0-9, ]*\))(.*)/g,"$2")
if (!colors.includes(color))
colors.push(color);
}
}
}
console.log(colors)
它确实为您提供了文件中使用的颜色代码的列表。 但是我们还需要满足2个要求:
使用上面的代码下车: Result using JavaScript