首先，明确符号：
TP(True Posive)：标签为正，预测为正
TN(True Negative)：标签为负，预测为负
FP(False Positive)：标签为负，预测为正
FN(False Negative)：标签为正，预测为负

于是：
TP+FP：预测为正的所有样本
TP+FN：标签为正的所有样本

现在开始画图。

图1：

其中大矩形表示所有样本，左边的矩形表示正样本，右边的矩形表示负样本。

图2：

现在对所有样本进行预测。其中蓝色圆圈以内预测为正，蓝色圆圈以外预测为负。

图3：

自然地，就得到了图3。

有了图3以后，直接从维基百科搬图4：

如最下方的等式所示：
Precision：TP在圆形中的比例
Recall：TP在左边矩形中的比例