几何图形绘制

qc.Graphics用来绘制一些简单的几何图形,例如:线条、矩形等。本组件需要和逻辑脚本配合,通过调用相关的绘制接口实现几何图形的绘制。

注意: 在绘制几何图形时,对应转角的处理,会由于context.lineJoin和context.miterLimit的不同,产生不同的效果。如下图所示:
||| 所以当本组件和脏矩形配合使用时,在显示更新时会有缺失或者遗漏,此时可以通过设置属性 boundsPadding 来拓展图形边界,来正常更新显示内容。

接口功能一览

  • drawTriangle 绘制一个三角形
  • drawTriangles 绘制多个三角形
  • lineStyle 设置线条样式
  • moveTo 移动到目标位置
  • lineTo 从当前节点绘制一条线到目标位置
  • arcTo 绘制弧线连接两点
  • beginFill 开始填充颜色
  • endFill 结束填充颜色
  • clear 清除画布
  • drawRect 绘制矩形
  • drawCircle 绘制圆
  • drawEllipse 绘制椭圆形
  • drawPolygon 绘制多边形
  • quadraticCurveTo 绘制 quadratic bezier 曲线
  • bezierCurveTo 绘制 bezier 曲线

视频演示

Demo

Graphics Demo

results matching ""

    No results matching ""