要求程序员画流程图

‘壹’ 如何画流程图

Word中如何绘制流程图

流程图可以给我们清楚的展现出一些复杂的数据，让我们分析或观看起来更加清楚明了。一般在企业、公司、医疗、教学、生产线上等都会派上非常大的作用，一个工场的生产流程，一个公司的运营模式都只需要用一张流程图就可以简单的概括出来，所以制作流程图是办公人员必备的武器之一。

工具/原料

word 2003
方法/步骤

1
新建一个word 文档，通过“视图”-“工具栏”-“绘图”，如下图1，显示“绘图工具栏”，如下图2；

2
单击“绘图”工具栏上的“自选图形”，然后选择“流程图”，这里就可以看到众多制作流程图时所用到的形状了，大家可以选择自己喜欢的的形状；

3
单击要绘制流程图的位置，此时会出现个虚框；

在绘图画布上插入你选择的图形，然后插入；

我们再重复上述步骤，插入多种不同的图形，（如下图，我已经插入了很多种不同的图形）；

接下来，我们要建立各种图形之间的连接了。这里我们使用Word提供的一个非常好用的自选图形——连接符来建立连接。 连接符的选择见下图；

选择连接符自选图形后，将鼠标指针移动到对象上时，会在其上显示蓝色连接符位置，这些点表示可以附加连接符线的位置；

我们首先用带箭头的肘形线连接符和直线连接符将图形连接到一起，如图；

绘制折线箭头；

接下来，我们需要在图形中添加文字。用鼠标右键单击形状，单击“添加文字”并开始键入。

我们随便录入文字；

制作好后，我按住左键不放，框选所有图形，点击右键，组合；

一个简单的流程图就设计好了，大家可以按照自己的工作需要进行更复杂的设计。

-----------------------------
一、什么是程序流程图

“程序流程图”常简称为“流程图”，是一种传统的算法表示法，程序流程图是人们对解决问题的方法、思路或算法的一种描述。它利用图形化的符号框来代表各种不同性质的操作，并用流程线来连接这些操作。在程序的设计（在编码之前）阶段，通过画流程图，可以帮助我们理清程序思路。下图是一个简单的流程图，描述求两个数的最大公约数的算法（辗转相除法）。
勘误：最后的结果，该是output a。感谢8楼童鞋指出！

画流程图是每个程序员的基本功。流程图有其规范，这是用于技术人员之间交流的需要，并不是想怎么画就怎么画。流程图中常用的符号见右图，在前述求最大公约数的流程图中找出对应的部分。

二、三种控制结构的流程图表示
这部分不再写文字，各种程序设计的教材中都会写一些，至少在讲各种控制结构时，总时要讲的。请参考自己手头能找到的教材，认真品味。
我们直接提示若干任务，画一画，就会了。

三、练习题目（各部分分别至少选两个画一画，注意用一张质量好一些纸，书写整齐，确保越画越高兴）
1、热身
（1）将英尺转换为米
（2）输入两个点的坐标，求两点之间的距离并输出
2、分支程序
（1）描述一下今晚的计划：如果下雪，校园内玩雪；否则，在103上机（怀念）
（2）丢硬币决定今晚：正面，K歌；反面：逛街；立起来，学C++

（3）求函数值：

（4）输入一元二次方程ax^2+bx+c=0的各项系数，并根据各系数的值的情况，分别进行求解（考虑对系数的各种可能太复杂时，给自己降低些难度，先从不考虑系统直接求解开始）
（5）输入个人月收入总额，计算出他本月应缴税款和税后收入（税率等参考第9周任务）
3、循环结构
（1）求1+2+3+...+100(三种循环结构都画一画)
（2）输出1/3-3/5+5/7-7/9…+19/21的结果
（3）一个数如果恰好等于它的因子之和，这个数就称为“完数”。找出1000内的所有完数。
（4）输出1000以内的所有回文数
（5）鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，如何买？
4、复杂结构的程序

在解决问题中，利用函数可以让我们利用更“有序”的思维去想问题，“自顶向下，逐步求精”，真理。例：下面的流程图用于输出星号图，体现的是这种思维，右边的图可以嵌入到左边中，替代“输出第i行”的框子，也可以指导我们专门编成一个函数。

任务：
（1）输出10000以内的所有回文素数。将判断回文和判断素数分别单独画，对应将这两个功能用函数实现的方法。
（2）画出银行系统的流程图（各具体业务点到为止，不必全画）

注：在传统教学中，未学写代码，先学画流程。以前的实践中，感觉效果不好。控制结构为何物都晕，如何能画出来。有一定编程体验后再画，是改革的思路。这是编程的一项基本功，务必掌握！
------------------------
用什么绘制流程图

一、什么是程序流程图

“程序流程图”常简称为“流程图”，是一种传统的算法表示法，程序流程图是人们对解决问题的方法、思路或算法的一种描述。它利用图形化的符号框来代表各种不同性质的操作，并用流程线来连接这些操作。在程序的设计（在编码之前）阶段，通过画流程图，可以帮助我们理清程序思路。下图是一个简单的流程图，描述求两个数的最大公约数的算法（辗转相除法）。
勘误：最后的结果，该是output a。感谢8楼童鞋指出！

画流程图是每个程序员的基本功。流程图有其规范，这是用于技术人员之间交流的需要，并不是想怎么画就怎么画。流程图中常用的符号见右图，在前述求最大公约数的流程图中找出对应的部分。

二、三种控制结构的流程图表示
这部分不再写文字，各种程序设计的教材中都会写一些，至少在讲各种控制结构时，总时要讲的。请参考自己手头能找到的教材，认真品味。
我们直接提示若干任务，画一画，就会了。

三、练习题目（各部分分别至少选两个画一画，注意用一张质量好一些纸，书写整齐，确保越画越高兴）
1、热身
（1）将英尺转换为米
（2）输入两个点的坐标，求两点之间的距离并输出
2、分支程序
（1）描述一下今晚的计划：如果下雪，校园内玩雪；否则，在103上机（怀念）
（2）丢硬币决定今晚：正面，K歌；反面：逛街；立起来，学C++

（3）求函数值：

（4）输入一元二次方程ax^2+bx+c=0的各项系数，并根据各系数的值的情况，分别进行求解（考虑对系数的各种可能太复杂时，给自己降低些难度，先从不考虑系统直接求解开始）
（5）输入个人月收入总额，计算出他本月应缴税款和税后收入（税率等参考第9周任务）
3、循环结构
（1）求1+2+3+...+100(三种循环结构都画一画)
（2）输出1/3-3/5+5/7-7/9…+19/21的结果
（3）一个数如果恰好等于它的因子之和，这个数就称为“完数”。找出1000内的所有完数。
（4）输出1000以内的所有回文数
（5）鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，如何买？
4、复杂结构的程序

在解决问题中，利用函数可以让我们利用更“有序”的思维去想问题，“自顶向下，逐步求精”，真理。例：下面的流程图用于输出星号图，体现的是这种思维，右边的图可以嵌入到左边中，替代“输出第i行”的框子，也可以指导我们专门编成一个函数。

任务：
（1）输出10000以内的所有回文素数。将判断回文和判断素数分别单独画，对应将这两个功能用函数实现的方法。
（2）画出银行系统的流程图（各具体业务点到为止，不必全画）

注：在传统教学中，未学写代码，先学画流程。以前的实践中，感觉效果不好。控制结构为何物都晕，如何能画出来。有一定编程体验后再画，是改革的思路。这是编程的一项基本功，务必掌握！
——知乎

‘贰’ 在电脑怎么制作流程图

我们在工作生活中经常能看到各式各样的流程图。流程图主要由线条、几何图框以及文字构成，根据应用场景分为：业务流程图、数据流程图、页面流程图等。

听到流程图，大家都可能会认为这是个很复杂的东西。小编很负责任的告诉你，其实啊，它一点也不复杂，简单几个步骤，不用五分钟就能制作出一张流程图了。

制作要点：流程图中的每个图形都有其对应的含义，都有一套规则在里面的，所以这个需要我们找准图形，否则你画出来的流程图就只能给你自己看，别人是看不懂的。

说了那么多，具体要怎样操作呢?下面分享一个在线制作流程图的方法给大家，希望可以帮助到大家。

流程图制作：process.onlinedo.cn/
方法步骤：

第一步、如图，以下是制作流程图的首页。

第二步、选择“新建”，我们可以创建多种导图，这里选择“流程图”。

第三步、接着，需要给文件创建一个名称。

第四步、如下图所示，这个是整个流程图的制作页面，左侧是常见的图形以及其他工具，右侧是制作页面。

第五步、根据自己的要求，设计流程图，完成后，点击右上角的“下载”或其他选项即可。

第六步、下载可选择以下两种方式，图片或者源文件。

第七步、如图，下方就是最终的流程图啦！

‘叁’ 怎么绘制高效的流程图

一、 流程管理的目的与步骤

企业流程管理主要是对企业内部改革，改变企业职能管理机构重叠、中间层次多、流程不闭环等，使每个流程可从头至尾由一个职能机构管理，做到机构不重叠、业务不重复，达到缩短流程周期、节约运作资本的作用。

1、流程管理的目的

（1）第一种观点

·  保证业务流程面向客户

·  保证管理流程面向企业目标  (品质 技术成本 速度)

·  流程中的活动都是增值的活动

·  员工的每一个活动都是实现企业目标的一部分

·  流程持续改进，永不过时

（2）第二种观点

·  梳理——工作顺畅，信息畅通

·  显化——建立工作准则，便于查阅流程，便于了解流程，便于工作沟通，便于发现问题，便于复制流程，便于公司对流程的管理

·  优化——不断改善工作，提升工作效率

·  监控——找到监测点，监控流程绩效 （绩效管理）

·  监督——便于上级对工作的监督

2、流程管理的步骤

流程管理的原则：

·  面向企业目标原则

·  工作流程设计体现全流程观念

·  业务流程形成闭环管理

·  面向客户的原则

二、 如何画流程图

1、画流程图基本要求

·  复杂流程图请分主分流程图来绘制，不要画在同一流程图中。

·  流程不能在同一页绘制，可使用连接符连接到下一页中。

·  流程图禁止死循环。

·  流程图须以单一入口，单一出口特征绘制。“开始”符号只能出现一次，但是“结束”符号可以出现多次。

·  相同流程图，符号大小应为一致。

·  流程图符号绘制顺序，应从上至下，从左到到右的顺序。

·  同一路径，指示箭头应只有一个。

·  流程图如有参考到其他流程。可引用已定义的流程，不需要重复绘制。

·  路径符号应避免相互交叉。

2、基本流程图形状

（1）此图标表示流程的开始和结束，在此图标需标志上“开始”和“结束”。

（2）用于标识分支判断（二选一）的情况，特别是成功/失败、是/否的情况，需要在分支出口线上标识出此分支表示的情况。此标志在框中，需要说明判断的内容.

（3）调用外部数据，引用外部数据

（4）存储数据，输出存储数据

（5）表示流程中涉及的文档

（6）表示手动输入处理。如手动输入用户名和密码。或者手动录入销售订单。

（7）对于公共的流程处理或版面需要，需要本页中用一个标识符号来表示一组流程的，可以通过页内引用进行标识。页内引用必须设定一串字符来标识，并在同一个页面的其它处以相同的标识进行流程的具体描述。

（8）对于公共的流程处理或版面需要，需要再其它页中用一个标识符号来表示一组流程的，可以通过离页引用进行标识。离页引用必须设定一串字符来标识，同时VISIO自动会根据字串标识自动生成一个单独的页面。

（9）预先定义的进程。使用某一预先定义的进程进行处理。如示例，应用MRP运算进行处理。

（10）处理程序

（11）流程中涉及的多文档信息

（12）手动操作

（13）黑色箭头线为正向流程。红色箭头线为逆向流程。

3、如何画流程图-流程图范例

流程图中包含的信息：

人员

部门

环节

流程环节的说明

主分流程

流程的现状

流程优化信息

（1）一般流程

（2）主分流程

版权申明：精益争霸尊重版权并感谢每一位作者的辛苦付出与创作；如文章视频、图片等涉及版权请第一时间联系，我们将根据提供的证明材料确认版权并立即删除！

‘肆’ 流程图 怎样绘制流程图和编写程序

在程序开发过程中经常需要画流程图，有利于程序的编写，介绍几款流行的流程图软件。
visio：微软的产品，功能强大，可以画流程图，还有很多，包括数据库，机械等方面。
wps套餐中的word软件也可以画流程图，如图。我们可以轻松的画出规范的流程图。
亿图软件，可以画出漂亮的流程图，如图
Diagram Designer 小巧，占用空间小，运行速度快

‘伍’ 程序员如何画图

经常写完文章, 收到的第一个问题是: 你的图是用啥画的; 其实自己也经常问别人. 最近强化了一下这方面的知识, 总结一下.

个人将画图的场景分为两种: PPT/文章中使用和系统中使用

可能有人觉得 系统中画图 需求不多, 个人感觉还是有必要的. 经常遇到费劲开发了一个系统, 遇到各路用户问问题. 如果有办法在系统中将执行流程直接生成流程图, 你好我好大家好.

GUI 画图工具有很多可选, 个人比较推荐的是 OmniGraffle , 在线工具推荐 lucidchart . 当然, 我也见过用 KeyNote 画出漂亮的系统图的, 工具不重要, 关键看人(说多了都是泪)

重点说一下程序画图. 最近反省了一下, 画图最多的就是那几个:

没了. 真的没了. 会这几个就可以行走江湖了.
然后, 推荐两个 library: blockdiag 和 graphviz .

blockdiag 是一个神奇的 python libary. 可以通过使用类似 graphviz 的语法, 画出 块图, 序列图, 网络图, 活动图. 还提供了一个 交互式的 shell , 用于调试上述几种图. 例如, shell 中输入:

立即的到如下图:

点击右上角切换成序列图, 输入如下内容:

有可以轻松得到如下序列图:

但是说好的 library 呢? 以 seqdiag 为例,

Graphviz 可谓是一代画图神器, 通过官网的示例图就知道有多强大. blockdiag 也是参考 Graphviz 的实现. 通过类似的语法描述, 生成所需的图形. 对于颜色的选择, 可以参考文档中 Colors 一节, 非常全面.

程序方面, 同名的 graphviz library 可以使用 pip install graphviz 安装, 非常方便. 示例python 程序如下:

既然有了 library 可以画图, 强烈建议在自己的系统中将一些复杂的流程化的事情通过根据当前系统状态画出图的方式展现给用户, 可以避免很多疑惑.

‘陆’ 程序流程图怎么画

流程图的使用图形表示算法的思路是一种极好的 方法 ，因为千言万语不如一张图。程序流程图的画法是怎样的。我给大家整理了关于程序流程图怎么画，希望你们喜欢!
程序流程图怎么画
一、抓特征

组成任何一个程序框图的三要素是“四框”、“一线”加“文字说明”，所以首先要抓住它们各自的特征与意义.

“四框”的特征与意义：①终端框(起止框)的特征是圆角矩形，表示算法的开始和结束，是任何流程不可缺少的;②输入、输出框的特征是平行四边形，表示算法中输入和输出的信息，可放在任何需输入、输出的位置;③处理框(执行框)的特征是方角矩形，表示赋值和计算等，算法中要处理的数据或计算可分别写在不同的处理框内;④判断框的特征是菱形，用在当算法要求对两个不同的结果进行判断时.

“一线”的特征与意义：流程线的特征是带有方向箭头的线，用以连接程序框，直观地表示算法的流程，任意两个程序框之间都存在流程线.

“文字”的特征与意义：在框图内加以说明的文字、算式等，也是每个框图不可缺少的内容.

二、明规则

程序框图的画法规则是：①用标准，即使用标准的框图符号;②按顺序，即框图一般从上到下、从左到右的顺序画;③看出入，即大多数程序框图的图形符号只有一个入口和一个出口，判断框是唯一具有超过一个出口的符号，条件结构中要在出口处标明“是”或“否”;④明循环，即循环结构要注意变量的初始值及循环终止条件;⑤辨流向，即流程线的箭头表示执行的方向，不可缺少;⑥简说明，即在图形符号内的描述语言要简练清晰.

三、依步骤

画程序框图的总体步骤是：第一步，先设计算法，因为算法的设计是画程序框图的基础，所以在画程序框图前，首先写出相应的算法步骤，并分析算法需要哪种基本逻辑结构(顺序结构、条件结构、循环结构);第二步，再把算法步骤转化为对应的程序框图，在这种转化过程中往往需要考虑很多细节，是一个将算法“细化”的过程. 具体画法步骤请看例题.

例1 某商场进行优惠促销：若购物金额x在500元以上，打8折;若购物金额x在300元以上，打9折;否则，不打折. 设计算法的程序框图，要求输入购物金额x，即能输出实际交款额.

算法分析：由题意，实际交款额y与购物金额x之间的函数关系是?x,x≤300?y=?0.9x, 300<x≤500?0.8x,x>500?，因为它需对 进 行三次判断，所以算法含有两个条件结构，写出算法步骤如下：第一步，输入购物金额x.

第二步，判断x≤300吗?若是，则y=x;否则，进入第三步. 第三步，判断x≤500吗?若是，则y=0.9x;否则，y=0.8x. 第四步，输出y，结束算法.

画法步骤：①画顺序结构图，即起止框及输入框，并用流程线连接(如图①);②画条件结构图，即画判断框并

判断x≤300?若是，则画处理框并填入

“y=x”，否则流向下一个判断框(如图

②);③再画条件结构图，即画判断框并

判断x≤500?若是， 则画处理框

“y=0.9x”，否则画处理框“y=0.8x”

(如图③);④画一个总的输出框并输出

y，以及起止框表示算法结束(如图④).

最后，合成整个算法程序框图如图1.

点评：画程序框图的关键是分析算法步骤，因为程序框图是算法步骤的图形表示，所以算法步骤越明确画图就越容易;另外，如分段函数这种需要对条件进行判断的算法设计中，宜使用条件结构.

例2 若1+3+5+ +n>2008，试设计算法的程序框图，寻找满足条件的最小奇数n.

算法分析：因为涉及类加问题，所以算法含有循环结构，写出直到型

循环结构的算法步骤如下：

第一步，令S=0,i=1.

第二步，计算S=S+i，i=i+2.

第三步，判断S>2008吗?若是，则输出n-2，结束算法;否则，返回第二步.

画法步骤：①画顺序结构图，即起止框及两个处理框，并分别填入循环初始条件(如图①);②画循环结构图，先画循环体

即两个处理框(一个累加，一个计数)，再画循环终

止条件，即判断框并判断S>2008?若是，则输出

n-2，否则，流向循环体之前进行再循环(如图②);

③画输出框输出n-2，以及起止框表示算法结束(如

图③).

最后，合成整个算法程序框图如图2.

点评：循环结构必包含顺序结构和条件结构，所以本题具有一定的典型性和示范性;如累加、类乘等需要反复执行的算法设计中，宜使用循环结构，这时要密切注意“循环体”、“循环变量”和“循环终止条件”三个重要组成部分的框图设计.
流程图的相关符号
数据流程图数据流程图表示求解某一问题的数据通路。同时规定了处理的主要阶段和所用的各种数据媒体。

数据流程图包括：

a. 指明数据存在的数据符号，这些数据符号也可指明该数据所使用的媒体;

b. 指明对数据执行的处理的处理符号，这些符号也可指明该处理所用到的机器功能;

c. 指明几个处理和(或)数据媒体之间的数据流的流线符号;

d. 便于读.写数据流程图的特殊符号。

在处理符号的前后都应是数据符号.数据流程图以数据符号开始和结束(除9.4规定的特殊符号外)

程序流程图

程序流程图表示程序中的操作顺序。

程序流程图包括：

a. 指明实际处理操作的处理符号，它包括根据逻辑条件确定要执行的路径的符号;

b. 指明控制流的流线符号;

c. 便于读.写程序流程图的特殊符号。

系统流程图

系统流程图表示系统的操作控制和数据流。

系统流程图包括：

a. 指明数据存在的数据符号，这些数据符号也可指明该数据所使用的媒体;

b. 定义要执行的逻辑路径以及指明对数据执行的操作的处理符号;

c. 指明各处理和(或)数据媒体间数据流的流线符号;

d. 便于读.写系统流程图的特殊符号。

程序网络图

程序网络图表示程序激活路径和程序与相关数据的相互作用.在系统流程图中，一个程序可能在

多个控制流中出现;但在程序网络图中，每个程序仅出现一次。

程序网络图包括;

a. 指明数据存在的数据符号;

b. 指明对数据执行的操作的处理符号;

c. 表明各处理的激活和处理与数据间流向的流线符号;

d. 便于读.写程序网络图的特殊符号。

系统资源图

系统资源图表示适合于一个问题或一组问题求解的数据单元和处理单元的配置。

系统资源图包括：

a. 表明输入.输出或存储设备的数据符号;

b. 表示处理器(如中央处理机.通道等)的处理符号;

c. 表示数据设备和处理器间的数据传输以及处理器之间的控制传送的流线符号;

d. 便于读.写系统资源图的特殊符号。

程序流程图怎么画相关 文章 ：

1.Word如何绘制流程图

2.word怎么画流程图的两种方法

3.wps文字如何绘制流程图图文教程

4.怎么在Word2010中绘制流程图

5.程序流程图的画法

‘柒’ 流程图怎么画

流程图画法/步骤：

1、打开迅捷画图的流程图软件，并以新建空白流程图或套用流程图模板的方式进入流程图的编辑页面。

2、进入流程图编辑页面后，看到图形工具栏，用鼠标选择合适的符号将其拖拽至画布区域并加以文字说明或注释表示流程事件。

3、接着结合具体的流程思路用流程线将多个流程事件（图形符号）连接起来，表述流程事件的走向与顺序等。

4、在制作过程中，还可以利用样式、文本、调整图形等编辑功能对图形或文字的填充效果、边框颜色等信息进行编辑，用于美化流程图。

5、接下来点击“保存”按钮将制作好的流程图存储。

流程图符号

起止框（椭圆/圆角矩形）：表示流程的开始与结束；
处理框（矩形）：表示流程中要执行或处理的某些内容；
判断框（菱形）：表示对流程中某一条件进行判断，用来决定执行不同操作的其中一个，常见有“是/否”、“真/假”、“yes/no”；
输出输入框（平行四边形）：表示资料的输入或结果的输出，一般用作数据处理；
流程线（箭头）：表示流程执行的方向与顺序，分为单向流程线，双向流程线等。

‘捌’ PLC的流程图怎么画啊

首先你要明白执行动作的条件，根据要求把工作流程，一步一步的画出来。这样说吧，先把执行的每个动作按照流程用带箭头的方框画出，然后再写执行每步动作条件，写在箭头旁边。全部填完把最后一步和第一步连接起，就是整个过程的流程图了。编程时有的时候不需要流程图，看个人的习惯。

‘玖’ 请问下程序员们，你们写程序都要先画流程图吗

如果是个人开发少量代码 比如Hello World这样的
小程序 或许你可以不画
而对于团队开发 即使是Hello World这样的小程序
流程图必须要画的

‘拾’ 在简书上用Markdown画流程图

作为一个程序员，经常需要画流程图。而用Markdown画流程图，省心省力，后面需要调整的话也更方便。但是，目前上的Markdown还不支持流程图。怎么办呢？只能以迂为直，曲线救国了。

的Markdown本身不支持流程图，但我们可以找一个支持流程图的Markdown编辑器，画完之后，直接截图上传到上就可以了。但是有时候流程图太长，超出一个屏幕的高度，这时候需要用能滚动截图的工具来截。

第一步，当然是先写好我们的流程图了。这里我使用的工具是Typora。需要注意的是，Typora默认是不支持流程图的，需要在设置中开启这个功能。在设置中切换到Markdown那个tab，然后勾选上对图表（包含流程图）的支持。

Markdown画流程图的语法可以看这篇文章： Markdown笔记：如何画流程图 。

先来画一个简单的流程图。

下面到了收获成果的时候了，直接在Typora里面截图，然后把图片拖到的编辑器里就可以了。
小贴士：

如果流程比较复杂，流程图的长度超过一个屏幕的高度的话，就需要用到滚动截图的工具了。把Typora编辑好的流程图导出成html，然后用支持滚动截图的工具来截。
Mac下Snip可以完全滚动截图的操作，Snip在安装和使用的时候有几点要注意的地方，所以我简单介绍一下。

Snip官网 ，只支持Mac。

在安装时，如果直接双击打开，会提示“来自身份不明的开发者”，而无法打开。但这个Snip是腾讯做的东西，安全性应该是没有问题的，我们在这里用右键点击，然后选择打开，就可以安装了。

如果需要滚动截屏，在点击截屏后，直接单击，就会开始滚动截屏。这样截的图可能两边会有较多空白，可以用图片处理工具把多余的部分裁掉（Mac上可以直接用自带的图片预览工具进行裁剪）。