canvas绘制直角梯形（向右）

查看专栏目录

canvas示例教程100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。canvas作为html的一部分，是图像图标地图可视化的一个重要的基础，学好了canvas，在其他的一些应用上将会起到非常重要的帮助。

如何使用canvas绘制直角梯形呢？方法其实很简单，先定位到起始点，然后不停的连线，最后填充颜色和边框。这里面要确定好四个顶点的位置。 下面是大剑师的一个示例，供参考：

示例效果图

示例源代码（共92行）

/*
* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特（