一直以来写博文，上传本地照片是一个特别麻烦的事，一来webstorm收费，其次cmd Markdown上传照片只支持外联，而上传照片到七牛云不失为一个好方法，但操作过程复杂，正在我愁眉不展时，上网一搜，搜到了一神器Mpic-图床神器。可以和七牛云绑定一起发挥威力。
下载链接
经过自己的一番折腾，最终发现MPic果然省时省事不少，目前我知道的上传方式有2种：

• 截图上传（QQ截图个人感觉不错）
• 拖拽本地图片上传
  下载之后的界面：
  

  下面介绍一下下载软件之后的操作步骤：

  more >>

今天我们主要是学习如何绘制圆弧和贝塞尔曲线。

圆弧的绘制

圆弧可以理解为一个圆上的某部分线段，在canvas中，绘制一条圆弧的语法如下：

1

ctx.arc( 圆心x坐标, 圆心y坐标, 圆的半径r , 开始角度, 结束角度 );

其中的 “开始角度” 和 “结束角度” 是相对360度的 顺时针 的极坐标而言的，可配合下图理解：

我们来一个例子，绘制一个圆心坐标为(80,80)，半径为40，开始角度为30度，结束角度为90度，那么可以这样绘制：
more >>

MySQL安装

官网版本： https://dev.mysql.com/downloads/mysql/5.6.html#downloads

有msi和zip两种下载形式，推荐下载msi这种形式，安装简单
我下载的是mysql-5.5.44-winx64.msi

• 如下图，自己可随意选择对应版本
  

安装过程注意几点：

• 安装类型选择Typical-典型安装

• 安装最后，会有个复选框，询问是否进行MySQL配置操作，可以先不配置，因为等额下我们自己可以进行额外的配置。结果和它是一样的，只需单击finish按钮，如下图
  

MySQL配置

接下来，我们就要进行配置，那么我们要到那个地方进行配置呢？

• 首先，我们要找到，配置向导文件，然后点击进入
  一般情况下，典型安装都是讲文件安装在C:\Program Files\MySQL\MySQL Server 5.5\bin，

• 选择配置类型
  详细配置对于初学者配置特别多，难以掌握，最好选择标准配置，点击Next按钮

• 是否安装windows服务
  之后询问是否安装windows服务和配置环境变量，一般情况下是都要勾选的
  

• 设置root用户和密码

• 准备执行设置选项
  觉得哪一步需要修改，可以back回去修改，各方面确认好之后，就可以点击Execute按钮

• 配置完成

上图中，第二个选项Write configuration file，写入配置文件，存储在安装目录下my.ini
第三个选项，Start Service，当前启动你的服务，因为刚才已经设置为windows的一个服务

• 下面验证一下
  • 配置文件my.ini存不存在,
  • windows服务中是否存在MySQL的一个服务

右键点击“我的电脑”，在弹出的快捷菜单中选择“管理”，打开“计算机管理”

可以看到MySQL服务已启动

到此为止，我们已经完成了最简单的配置,如果要进行其他的配置，我们就需要了解MySQL目录结构了，

下图就很好地表示各目录的功能：

除了通过配置向导的图形化界面来配置，我们还可以来修改配置文件来实现

标准配置当中没有的编码方式
配置文件在哪呢？

• 就是我们刚才提到的bin文件夹下的my.ini

在my.ini文件中，我们发现有几个选项比较重要：

• client–指的MySQL客户端
• port–指的MySQL的端口号（默认3306）
• default-character-set默认编码方式（默认的是latin1，要修改为utf8，不是utf-8哈）
• mysqld主要是进行MySQL服务器端的配置

注意修改了MLSQL的配置，要进行重新启动才行

启动关闭MySQL服务

• 运行cmd，输入net stop mysql(其实在服务列表中，所有的服务都可以通过net stop XX来停止)
• 运行cmd，输入net start mysql(其实在服务列表中，所有的服务都可以通过net start XX来启动)
  如下图

关于cmd界面无法启动mysql：

1. 必须要使用管理员身份运行cmd程序

2. 如果下载MySQL5.7版本的，在windows服务上Mysql的名字默认是MySQL57，因此在cmd运行 net start/stop mysql 是无效的，必须改成 net start/stop mysql57才行

或者

在dos下运行net start mysql 不能启动mysql！提示发生系统错误 5；拒绝访问！切换到管理员模式就可以启动了。所以我们要以管理员身份来运行cmd程序来启动mysql。

那么如何用管理员身份来运行cmd程序呢？

1.在开始菜单的搜索框张收入cmd，然后右键单击，并选择以管理员身份运行！

如果每天都要启动mysql服务，这样不很麻烦？所以：

2.右键单击cmd选择“附到【开始】菜单(U)”;这是就可以到开始菜单上找到cmd了，

3.右击选择属性，选择快捷方式，选择高级，选择以管理员身份运行，单击确定

这样再输入net start mysql就不会出错了！

这样修改配置就成功了

上篇文章我们了解了canvas的定义、获取和基础的绘图操作，其中的绘图功能我们讲解了线段绘制、上色、描边等方面知识点。

今天我们来讲讲矩形（Rectangle）和多边形的绘制。

矩形的绘制一共有两个口令，分别是 ctx.fillRect(x, y, width, height) 和 ctx.strokeRect(x, y, width, height) ，参数中的 x 和 y 依旧表示需绘制的矩形的起始点坐标（相对canvas原点），width 和 height表示需绘制的矩形宽高。
more >>

canvas其实没有那么玄乎，它不外乎是一个H5的标签，跟其它HTML标签如出一辙：

1

<canvas></canvas>

canvas 元素用于在网页上绘制图形。

那么什么是 Canvas？

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域，您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

• canvas本身没有任何的绘图能力，所有的绘图工作都是通过js来实现的。通常我们在js通过getElementById来获取要操作的canvas（这意味着咱得给canvas设个id）：

  1 2 3 4 5 6

  <canvas id="myCanvas"></canvas> <script> var c = document.getElementById("myCanvas"); //获取要操作的canvas //操作canvas的代码... </script>