MATLAB 爬取配色css数据及渐变图

Posted 2021-09-13 slandarer

之前发的几篇大家有“夸赞”我的审美的，今天主要爬取渐变色的css代码以及渐变图

爬取的网站为：https://webgradients.com/
想了解怎么爬取字符串的可以看一下上一篇，这里就不详述了，看后面代码应该能看懂，而存储图片我们直接获取图片链接后用websave函数即可，代码运行结果如下：

完整代码：

function getFadeColor
PATH='https://webgradients.com/';
content=webread(PATH);
cssData={[],[]};

colorName_start=regexpi(content,'<span class="gradient__title">');
colorName_end=regexpi(content,'</span><a class="gradient__download_button js-reach-goal"');

css_start=regexpi(content,'<div class="gradient__background js-gradient js-see-view-full" style=');
css_end=regexpi(content,'title="View Fullscreen" data-css-code=');

pic_start=regexpi(content,'href="https://webgradients.com/public/webgradients_png');
pic_end=regexpi(content,'target="_blank" data-goal-id="CLICK__get_png">');

if ~exist('result','dir')
   mkdir('result');
end

for i=1:length(colorName_start)
    colorName=content(colorName_start(i)+30:colorName_end(i)-1);
    css=content(css_start(i)+70:css_end(i)-3);
    pic_link=content(pic_start(i)+6:pic_end(i)-3);
    disp(pic_link)
    
    try
        websave(['result\\',colorName,'.png'],pic_link);
    catch
    end
    
    cssData(i,1)={colorName};
    cssData(i,2)={css};
end


writecell(cssData,'result\\color_data.txt')
writecell(cssData,'result\\color_data.xls')
end

---

另：
1.存储的颜色图有时会出现这种情况：

我们可以从原网站看出是网站自己的问题嗷：

2.偶尔会出现151和153号图这样显示不全的问题，右键后点击编辑再点左上角保存即可让图片恢复正常，怎样让图片完全不出现这种情况的方法还没找到，期待大家对代码的改进，可以将改进发在留言处。