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

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

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

MATLAB 爬取配色css数据及渐变图_第1张图片
MATLAB 爬取配色css数据及渐变图_第2张图片
完整代码:

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

colorName_start=regexpi(content,'');
colorName_end=regexpi(content,');

css_start=regexpi(content,'
); 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.存储的颜色图有时会出现这种情况:
MATLAB 爬取配色css数据及渐变图_第3张图片
我们可以从原网站看出是网站自己的问题嗷:

MATLAB 爬取配色css数据及渐变图_第4张图片
2.偶尔会出现151和153号图这样显示不全的问题,右键后点击编辑再点左上角保存即可让图片恢复正常,怎样让图片完全不出现这种情况的方法还没找到,期待大家对代码的改进,可以将改进发在留言处。
MATLAB 爬取配色css数据及渐变图_第5张图片

你可能感兴趣的:(笔记,MATLAB,css,配色,渐变)