上期的 Paint 详解里已经说过，文字的绘制所能控制的内容太多太细，必须拆成单独的一期专门来讲。今天这期，就是来把这些细节讲清楚的。下面进入正题：
Canvas 的文字绘制方法有三个：drawText()、drawTextRun() 和 drawTextOnPath()。
| 方法 | |
| drawText(String text, float x, float y, Paint paint) 以坐标（x, y）为原点，绘制文本。 | |
| 参数 | |
| text | String：文本内容。 |
| x | float：绘制文本的原点的 x 坐标。 |
| y | float：绘制文本的原点的 y 坐标。 |
| paint | Paint：应用到文本的画笔。 |
上一期已经介绍过， Canvas 的 drawXXX() 方法配合 Paint 的几个常用方法可以实现最常见的绘制需求；而如果你只会基本的绘制， Paint 的完全功能的掌握，能让你更进一步，做出一些更加细致、炫酷的效果。
对于没有深入研究过 Paint 的人，这期是一个对 Paint 的诠释；而对于尝试过研究 Paint 但仍然对其中一些 API 有疑惑的人，这期也可以帮你解惑。下面进入正题：
Paint 的 API 大致可以分为 4 类：颜色、效果、drawText() 相关、初始化。
Canvas 绘制的内容，有三层对颜色的处理：
| 分类 | 方法 |
| 基本颜色 | Canvas.drawColor/ARGB() |
| Canvas.drawBitmap() | |
| Canvas 图形和文字绘制 | |
| ColorFilter | Paint.setColorFilter(ColorFilter) |
| Xfermode | Paint.setXfermode(Xfermode) |
View 要在 Activity 中显示出来，要经过测量、布局和绘制三个步骤，分别对应三个方法：onMeasure()、onLayout() 和 onDraw()。由于本文的目的是明确阐述 View 的绘制，所以篇幅着重会针对第三个步骤〈绘制〉进行展开，测量和布局会在代码片段中提及，下表是三个方法对应的说明：
| 动作 | 方法 | 说明 |
|---|---|---|
| 测量 | onMeasure() | 决定 View 的大小 |
| 布局 | onLayout() | 决定 View 在 ViewGroup 中的位置 |
| 绘制 | onDraw() | 决定绘制这个 View |
自定义绘制过程中核心的两个 API 是 Canvas 与 Paint，Canvas 类持有各种“绘制”方法，要绘制一些东西，需要具备 4 个基本组件：一个用来保存像素的 Bitmap 位图，一个执行绘制方法的 Canvas 画布（用于写入位图），一个用于绘制的图元（如 Rect，Path，text，Bitmap）和一个 Paint 画笔（用于描述绘制的颜色和样式）；Paint 类持有关于绘制几何图形，文本和位图的样式和颜色信息。
more >>| 名称 | 定义 |
| 角度 | 两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。**当这段弧长正好等于圆周长的360分之一时，两条射线的夹角的大小为1度。** |
| 弧度 | 两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。**当这段弧长正好等于圆的半径时，两条射线的夹角大小为1弧度。** |
| 坐标系 | 说明 |
|---|---|
| 数学坐标系 | 以轴线交叉点为原点，向右 X 轴增大，向上 Y 轴增大，角度逆时针为正向 |
| 屏幕坐标系 | 以屏幕左上角为原点，向右 X 轴增大，向下 Y 轴增大，角度顺时针为正向 |
Fiddler 主窗口最下方的是状态栏，由一组面板组成，显示了 Fiddler 的一些配置信息。点击其中一些面板可以快速更改配置。面板从左到右如下表所示。
| 面板 | 说明 |
|---|---|
| Capturing_Indication | 指示 Fiddler 是否被配置为系统代理。点击面板可以切换状态 |
| Process_based_Filter | 显示 Fiddler 当前正在捕获的流量的进程类型。点击面板可以显示进程类型的过滤选项菜单 |
| Breakpoint_Indicator | 指示中断影响的类型，可能的取值有：全部请求、全部响应、无。点击面板可以在这几种类型间快速切换 |
| Session_Counter | Web Session 列表的条目数。选中一个或多个 Session，显示的是选中的 Session 数以及总 Session 数，如“2/5” |
| Status_information | 默认情况下，显示选中的第一个 Session 的 URL。该面板还可以显示操作结果的概要信息，比如何时加载或保存 SAZ 文件 |
主菜单被设计为可以启动几乎所有的 Fiddler 功能。菜单系统可以通过 FidlerScript 或 Extensions 进行扩展和增强，本文将要探讨 Fiddler 本身默认的菜单命令。
File 菜单中的命令主要支持完成通过 Fiddler 来启动和停止 Web 流量的捕获（Capture），也可以加载或存储捕获的流量。
| 菜单 | 功能 |
|---|---|
| Capture_Trafic | Capture Trafic 是个开关，可以控制是否把 Fiddler 注册为系统代理。当把 Fiddler 注册为系统代理时，所有依赖于 WinINET 代理的应用（如 IE 浏览器和很多其他浏览器）会把 Web 请求发送给 Fiddler。Firefox 的 FiddlerHook 附加组件也可以识别该菜单选项。即使 Fiddler 没有被注册为系统代理，Fiddler 仍然可以显示和处理其接收到的任何请求。 |
| Load_Archive | 用于重新加载之前捕获的以 SAZ 文件格式保存的流量。 |
| Save | 子菜单中的选项支持以多种方式把流量保存到文件中；该菜单选项和 Web Session 列表中的上下文菜单中的选项相同。 |
| Import_Sessions… | 支持导入从其他工具捕获的流量，也支持导入其他格式存储的流量。 |
| Export_Sessions | 支持把 Fiddler 捕捉到的 Session 以多种文件格式保存。在其子菜单中可以选择 All Sessions… 或 Seleted Sessions… |
| Exit | 取消把 Fiddler 注册为系统代理，并关闭工具栏。 |
Fiddler 是一款基于 Windows 系统的专用代理服务器软件。本地运行的程序，如 Web 浏览器，Office 应用程序以及其他客户端应用，可以把 HTTP 和 HTTPS 请求发送给 Fiddler，Fiddler 通常把这些请求转发给 Web 服务器。然后，服务器把这些请求的响应返回给 Fiddler，Fiddler 再把这些响应转发给客户端。
现在有这样一种应用场景，需要把路由器内部主机搭建的 FTP 服务映射到路由器 WAN 口的 IP 上，最终的效果是通过访问 WAN 口对应的 IP 和端口，路由器通过规则将请求映射到内网指定 IP 的服务器上，达到访问内网服务的目的，TP-LINK 的虚拟服务器刚好能满足这样的需求。
虚拟服务器：定义了广域网服务端口和局域网网络服务器之间的映射关系，所有对该广域网服务端口的访问将会被重定位给通过IP地址指定的局域网网络服务器。
一、路由器所在的网段 IP（也就是路由器 WAN 口的静态IP）是【192.168.21.66】，这种配置在公司中比较常见，一般是个人接入路由器为了使用 Wifi 功能，WAN 口配置结果如下：
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true