canvas

本文以canvas、svg原生为基础，结合fabricjs和antv框架讲解了2D图形原理。并深入分析了框架的构成原理，以及如何实现，并结合案例给出了多种实现方式。最后给出了整体架构图，方便参考。

目前现状 默认情况下，fabricjs允许元素拖到画布之外的，即fabric object的 left 和top为负值。在实际的使用过程中，有两个地方需要控制 在元素拖入画布中时，这时候，被拖入的元素

问题由来 在绘制设备的形状的时候，大部分选择的是矩形元素，但是有时候需要有一个开口方向，表明他的位置情况。这时候需要使用自定义的绘制类型，这时候fabric.path可以解决这个问题。 fabric.

在绘制图形的时候，获取图像的 width 和 height，发现并不能得到图形真实的宽高，现以矩形 Rect为例，解决这个小问题。 1.API介绍 Rect的宽度 2. Rect的高度 Rect的真实

最近在使用canvs做布局图的设计，在使用到 DataTransfer.setDragImage() 的时候，查询了MDN和百度，没有详细的解析，而且是有错误的情况特结合代码和实际用例，给出合理方案。