如何用布尔运算快速制作UI头像图标 – CSS – 前端 css超链接设置

在绘制图标中，据说布尔运算算是绘制功能图标的最佳按钮，通过photoshop形状工具来绘制出的矢量图形，可以无限制放大而不会丢失细节。由于现在各个平台和设备它们之间的分辨率不一样，所以大家只需要绘制一个矢量图标尺寸，就可以适配出任意需要的尺寸。接下来大家来聊聊如何加减乘除

合并形状

合并是指将两个本是独立的形状合并成一个，即图形之间的相加。大家先来建立800*800px的画布，选择椭圆工具绘制150 * 150px的圆形，当绘制第二个圆形前要将属性栏上选择路径操作作为合并形状，才可以绘制圆形，它们才会合成一个新的图形。注：圆形边缘上轮廓的黑色线框是路径，使用路径选择工具可以完整地将路径移动

减去顶层形状

减去是用一个形状来裁切另一个形状，与合并形状正好相反。选择椭圆工具绘制150 * 150px的圆形，当绘制第二个圆形前要将属性栏上选择路径操作作为减去顶层形状，才可以绘制圆形，它们才会得到一个新的图形。不过要注意的是是哪个形状作为减去顶层形状的问题，区别如图。

与形状区域相交

相交是保留两个形状重合的部分。选择椭圆工具绘制150 * 150px的圆形，当绘制第二个圆形前要将属性栏上选择路径操作作为与形状区域相交，才可以绘制圆形，它们才会得到一个新的图形。

4

排除重叠形状

排除是裁切两个形状重合的部分，与相交正好是相反。选择椭圆工具绘制150 * 150px的圆形，当绘制第二个圆形前要将属性栏上选择路径操作作为排除重叠形状，才可以绘制圆形，它们才会得到一个新的图形。