drawablecontext.md

## DrawableContext

<!-- CUSTOMTYPEJSON.DrawableContext.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.extends -->

<!-- CUSTOMTYPEJSON.DrawableContext.param -->

### 方法
<!-- CUSTOMTYPEJSON.DrawableContext.methods.beginPath.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.beginPath.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.beginPath.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.beginPath.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.beginPath.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.beginPath.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.arc.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.arc.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.arc.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.arc.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.arc.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.arc.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.moveTo.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.moveTo.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.moveTo.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.moveTo.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.moveTo.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.moveTo.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.rect.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.rect.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.rect.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.rect.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.rect.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.rect.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.lineTo.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.lineTo.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.lineTo.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.lineTo.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.lineTo.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.lineTo.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.closePath.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.closePath.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.closePath.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.closePath.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.closePath.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.closePath.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.stroke.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.stroke.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.stroke.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.stroke.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.stroke.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.stroke.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeRect.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeRect.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeRect.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeRect.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeRect.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeRect.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeText.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeText.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeText.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeText.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeText.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.strokeText.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fill.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fill.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fill.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fill.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fill.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fill.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillRect.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillRect.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillRect.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillRect.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillRect.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillRect.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillText.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillText.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillText.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillText.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillText.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.fillText.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.reset.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.reset.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.reset.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.reset.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.reset.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.reset.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.update.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.update.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.update.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.update.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.update.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.update.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.setLineDash.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.setLineDash.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.setLineDash.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.setLineDash.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.setLineDash.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.setLineDash.tutorial -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.bezierCurveTo.name -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.bezierCurveTo.description -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.bezierCurveTo.param -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.bezierCurveTo.returnValue -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.bezierCurveTo.compatibility -->

<!-- CUSTOMTYPEJSON.DrawableContext.methods.bezierCurveTo.tutorial -->

## Bug & Tips@tips
+ 同时使用`border-radius`和`DrawableContext`，可能会出现`DrawableContext`绘制内容超出border区域的情况。
+ 如果绘制过多内容或者绘制复杂图形时，建议设置`android-layer-type`为`hardware`，提高绘制效率。具体可参考[`android-layer-type`文档](../component/common.md#attribute-android)
+ iOS 平台绘制大量文字时相较于绘制其他内容性能会显著下降，必要时可使用text组件代替。

<!-- CUSTOMTYPEJSON.DrawableContext.example -->