paint method

  1. @override
void paint(
  1. Canvas canvas,
  2. Size size
)
override

Called whenever the object needs to paint. The given Canvas has its coordinate space configured such that the origin is at the top left of the box. The area of the box is the size of the size argument.

Paint operations should remain inside the given area. Graphical operations outside the bounds may be silently ignored, clipped, or not clipped. It may sometimes be difficult to guarantee that a certain operation is inside the bounds (e.g., drawing a rectangle whose size is determined by user inputs). In that case, consider calling Canvas.clipRect at the beginning of paint so everything that follows will be guaranteed to only draw within the clipped area.

Implementations should be wary of correctly pairing any calls to Canvas.save/Canvas.saveLayer and Canvas.restore, otherwise all subsequent painting on this canvas may be affected, with potentially hilarious but confusing results.

To paint text on a Canvas, use a TextPainter.

To paint an image on a Canvas:

  1. Obtain an ImageStream, for example by calling ImageProvider.resolve on an AssetImage or NetworkImage object.

  2. Whenever the ImageStream's underlying ImageInfo object changes (see ImageStream.addListener), create a new instance of your custom paint delegate, giving it the new ImageInfo object.

  3. In your delegate's paint method, call the Canvas.drawImage, Canvas.drawImageRect, or Canvas.drawImageNine methods to paint the ImageInfo.image object, applying the ImageInfo.scale value to obtain the correct rendering size.

Implementation

@override
void paint(Canvas canvas, Size size) {
  final scaleX = size.width / 20.476776190155725;
  final scaleY = size.height / 16.35850886101771;
  final scale = math.min(scaleX, scaleY);

  final translationX = (size.width - 20.476776190155725 * scale) / 2 - 1.7795924959850573 * scale;
  final translationY = (size.height - 16.35850886101771 * scale) / 2 - 3.641490290325673 * scale;

  final path = Path();
  final paint = Paint()..color = color;

  path.moveTo(
    18.42 * scale + translationX,
    8.22 * scale + translationY,
  );

  path.cubicTo(
    17.164183644168716 * scale + translationX,
    5.334343817214137 * scale + translationY,
    14.137017369420755 * scale + translationX,
    3.641490290325673 * scale + translationY,
    11.0209670540349 * scale + translationX,
    4.082308785541187 * scale + translationY,
  );

  path.cubicTo(
    7.904916738649045 * scale + translationX,
    4.523127280756701 * scale + translationY,
    5.466106711759602 * scale + translationX,
    6.989236437143269 * scale + translationY,
    5.060000226199626 * scale + translationX,
    10.110000451952219 * scale + translationY,
  );

  path.cubicTo(
    3.086486494073011 * scale + translationX,
    10.582614542854882 * scale + translationY,
    1.7795924959850573 * scale + translationX,
    12.458150237354142 * scale + translationY,
    2.019663581285242 * scale + translationX,
    14.473214985246118 * scale + translationY,
  );

  path.cubicTo(
    2.259734666585427 * scale + translationX,
    16.488279733138093 * scale + translationY,
    3.970689330670992 * scale + translationX,
    18.00427452238474 * scale + translationY,
    6.0 * scale + translationX,
    18.0 * scale + translationY,
  );

  path.lineTo(
    8.0 * scale + translationX,
    18.0 * scale + translationY,
  );

  path.cubicTo(
    8.552284749830793 * scale + translationX,
    18.0 * scale + translationY,
    9.0 * scale + translationX,
    17.552284749830793 * scale + translationY,
    9.0 * scale + translationX,
    17.0 * scale + translationY,
  );

  path.cubicTo(
    9.0 * scale + translationX,
    16.447715250169207 * scale + translationY,
    8.552284749830793 * scale + translationX,
    16.0 * scale + translationY,
    8.0 * scale + translationX,
    16.0 * scale + translationY,
  );

  path.lineTo(
    6.0 * scale + translationX,
    16.0 * scale + translationY,
  );

  path.cubicTo(
    4.8954305003384135 * scale + translationX,
    16.0 * scale + translationY,
    4.0 * scale + translationX,
    15.104569499661586 * scale + translationY,
    4.0 * scale + translationX,
    14.0 * scale + translationY,
  );

  path.cubicTo(
    4.0 * scale + translationX,
    12.895430500338414 * scale + translationY,
    4.8954305003384135 * scale + translationX,
    12.0 * scale + translationY,
    6.0 * scale + translationX,
    12.0 * scale + translationY,
  );

  path.cubicTo(
    6.552284749830793 * scale + translationX,
    12.0 * scale + translationY,
    7.0 * scale + translationX,
    11.552284749830793 * scale + translationY,
    7.0 * scale + translationX,
    11.0 * scale + translationY,
  );

  path.cubicTo(
    7.005274849230246 * scale + translationX,
    8.557687137812264 * scale + translationY,
    8.774193766988434 * scale + translationX,
    6.476576772250357 * scale + translationY,
    11.18374898609261 * scale + translationX,
    6.077873390671968 * scale + translationY,
  );

  path.cubicTo(
    13.593304205196787 * scale + translationX,
    5.679170009093579 * scale + translationY,
    15.938298864134556 * scale + translationX,
    7.07956086196479 * scale + translationY,
    16.730000249296424 * scale + translationX,
    9.390000139921904 * scale + translationY,
  );

  path.cubicTo(
    16.84647054827955 * scale + translationX,
    9.740138715443742 * scale + translationY,
    17.146298082065275 * scale + translationX,
    9.997682879080195 * scale + translationY,
    17.51 * scale + translationX,
    10.06 * scale + translationY,
  );

  path.cubicTo(
    18.94276502175142 * scale + translationX,
    10.307145778173684 * scale + translationY,
    19.99208165924083 * scale + translationX,
    11.546097952558767 * scale + translationY,
    20.000000596046448 * scale + translationX,
    13.000000387430191 * scale + translationY,
  );

  path.cubicTo(
    20.000000645424553 * scale + translationX,
    14.656854706753757 * scale + translationY,
    18.656854825963045 * scale + translationX,
    16.000000526215267 * scale + translationY,
    17.00000050663948 * scale + translationX,
    16.000000476837158 * scale + translationY,
  );

  path.cubicTo(
    16.447715250169207 * scale + translationX,
    16.0 * scale + translationY,
    16.0 * scale + translationX,
    16.447715250169207 * scale + translationY,
    16.0 * scale + translationX,
    17.0 * scale + translationY,
  );

  path.cubicTo(
    16.0 * scale + translationX,
    17.552284749830793 * scale + translationY,
    16.447715250169207 * scale + translationX,
    18.0 * scale + translationY,
    17.0 * scale + translationX,
    18.0 * scale + translationY,
  );

  path.cubicTo(
    19.46630051154962 * scale + translationX,
    17.97724081467421 * scale + translationY,
    21.547584944090858 * scale + translationX,
    16.15946280620248 * scale + translationY,
    21.901976815115816 * scale + translationX,
    13.718651187453109 * scale + translationY,
  );

  path.cubicTo(
    22.25636868614078 * scale + translationX,
    11.277839568703737 * scale + translationY,
    20.777988796489673 * scale + translationX,
    8.943218683185677 * scale + translationY,
    18.420000274479392 * scale + translationX,
    8.220000122487548 * scale + translationY,
  );

  path.close();

  path.moveTo(
    12.920000000000002 * scale + translationX,
    18.62 * scale + translationY,
  );

  path.cubicTo(
    12.900029509378552 * scale + translationX,
    18.558566477099028 * scale + translationY,
    12.869580418931685 * scale + translationX,
    18.501051528477163 * scale + translationY,
    12.829999932266986 * scale + translationX,
    18.449999902597494 * scale + translationY,
  );

  path.lineTo(
    12.710000000000003 * scale + translationX,
    18.29 * scale + translationY,
  );

  path.cubicTo(
    12.612798383585815 * scale + translationX,
    18.201668090780814 * scale + translationY,
    12.501184223941237 * scale + translationX,
    18.13064089827972 * scale + translationY,
    12.379999337489203 * scale + translationX,
    18.07999903245595 * scale + translationY,
  );

  path.cubicTo(
    12.007602904624388 * scale + translationX,
    17.923403269916808 * scale + translationY,
    11.577560699624753 * scale + translationX,
    18.006255437852516 * scale + translationY,
    11.290000000000003 * scale + translationX,
    18.29 * scale + translationY,
  );

  path.lineTo(
    11.170000000000003 * scale + translationX,
    18.45 * scale + translationY,
  );

  path.cubicTo(
    11.130419454365876 * scale + translationX,
    18.501051528477163 * scale + translationY,
    11.099970363919006 * scale + translationX,
    18.558566477099028 * scale + translationY,
    11.079999941505708 * scale + translationX,
    18.619999901700023 * scale + translationY,
  );

  path.cubicTo(
    11.051167534262712 * scale + translationX,
    18.6766852192685 * scale + translationY,
    11.030945360494574 * scale + translationX,
    18.73735174057291 * scale + translationY,
    11.019999753683807 * scale + translationX,
    18.799999579787254 * scale + translationY,
  );

  path.cubicTo(
    11.015550934435531 * scale + translationX,
    18.8665929897887 * scale + translationY,
    11.015550934435531 * scale + translationX,
    18.93340813673909 * scale + translationY,
    11.020000328421595 * scale + translationX,
    19.000000566244125 * scale + translationY,
  );

  path.cubicTo(
    11.01510124844857 * scale + translationX,
    19.063238883203628 * scale + translationY,
    11.015101248448566 * scale + translationX,
    19.12676168624185 * scale + translationY,
    11.020000164317604 * scale + translationX,
    19.19000028613927 * scale + translationY,
  );

  path.cubicTo(
    11.029271001022225 * scale + translationX,
    19.25623501923849 * scale + translationY,
    11.049550562921107 * scale + translationX,
    19.320453631918284 * scale + translationY,
    11.08000017611185 * scale + translationX,
    19.38000030803679 * scale + translationY,
  );

  path.cubicTo(
    11.099970363919008 * scale + translationX,
    19.441433322288773 * scale + translationY,
    11.130419454365876 * scale + translationX,
    19.498948270910635 * scale + translationY,
    11.169999941030573 * scale + translationX,
    19.549999896790304 * scale + translationY,
  );

  path.lineTo(
    11.290000000000003 * scale + translationX,
    19.710000000000004 * scale + translationY,
  );

  path.cubicTo(
    11.481633299736798 * scale + translationX,
    19.892732882512302 * scale + translationY,
    11.73523251949459 * scale + translationX,
    19.99631566241337 * scale + translationY,
    11.999999490806033 * scale + translationX,
    19.999999151343385 * scale + translationY,
  );

  path.cubicTo(
    12.130677257271158 * scale + translationX,
    19.99842001258614 * scale + translationY,
    12.259777687412585 * scale + translationX,
    19.971240974661633 * scale + translationY,
    12.38 * scale + translationX,
    19.92 * scale + translationY,
  );

  path.cubicTo(
    12.501184223941234 * scale + translationX,
    19.869357068165318 * scale + translationY,
    12.61279838358581 * scale + translationX,
    19.79832987566422 * scale + translationY,
    12.709999319829377 * scale + translationX,
    19.70999894522715 * scale + translationY,
  );

  path.lineTo(
    12.83 * scale + translationX,
    19.55 * scale + translationY,
  );

  path.cubicTo(
    12.869580418931681 * scale + translationX,
    19.49894827091063 * scale + translationY,
    12.900029509378552 * scale + translationX,
    19.441433322288766 * scale + translationY,
    12.91999993179185 * scale + translationX,
    19.37999989768777 * scale + translationY,
  );

  path.cubicTo(
    12.9504498185486 * scale + translationX,
    19.320453631918276 * scale + translationY,
    12.97072938044748 * scale + translationX,
    19.256235019238485 * scale + translationY,
    12.980000206311532 * scale + translationX,
    19.190000305016817 * scale + translationY,
  );

  path.cubicTo(
    12.991582841117589 * scale + translationX,
    19.127281272128837 * scale + translationY,
    12.998269673620218 * scale + translationX,
    19.063756363353885 * scale + translationY,
    13.000000193841089 * scale + translationX,
    19.000000283306207 * scale + translationY,
  );

  path.cubicTo(
    13.004449781416255 * scale + translationX,
    18.93340813673909 * scale + translationY,
    13.004449781416255 * scale + translationX,
    18.8665929897887 * scale + translationY,
    13.000000387430191 * scale + translationX,
    18.800000560283664 * scale + translationY,
  );

  path.cubicTo(
    12.982781444443045 * scale + translationX,
    18.736230796986796 * scale + translationY,
    12.955795228098516 * scale + translationX,
    18.675511810211603 * scale + translationY,
    12.919999711215496 * scale + translationX,
    18.619999583810568 * scale + translationY,
  );

  path.close();

  path.moveTo(
    12.0 * scale + translationX,
    11.0 * scale + translationY,
  );

  path.cubicTo(
    10.92751631117284 * scale + translationX,
    10.999312692271968 * scale + translationY,
    9.936242177166722 * scale + translationX,
    11.571201615737037 * scale + translationY,
    9.400000280141832 * scale + translationX,
    12.50000037252903 * scale + translationY,
  );

  path.cubicTo(
    9.266454987118328 * scale + translationX,
    12.730523736175956 * scale + translationY,
    9.230416285282558 * scale + translationX,
    13.004806291505457 * scale + translationY,
    9.29987834774194 * scale + translationX,
    13.262003657909112 * scale + translationY,
  );

  path.cubicTo(
    9.369340410201321 * scale + translationX,
    13.519201024312768 * scale + translationY,
    9.538560290918019 * scale + translationX,
    13.738048779974813 * scale + translationY,
    9.77 * scale + translationX,
    13.870000000000001 * scale + translationY,
  );

  path.cubicTo(
    10.24797917660982 * scale + translationX,
    14.141388303836663 * scale + translationY,
    10.855391519356443 * scale + translationX,
    13.976136416471773 * scale + translationY,
    11.129999999999999 * scale + translationX,
    13.500000000000002 * scale + translationY,
  );

  path.cubicTo(
    11.309340965870494 * scale + translationX,
    13.189365807274493 * scale + translationY,
    11.641315241562273 * scale + translationX,
    12.998575993658527 * scale + translationY,
    12.0 * scale + translationX,
    13.0 * scale + translationY,
  );

  path.cubicTo(
    12.552284749830793 * scale + translationX,
    13.0 * scale + translationY,
    13.0 * scale + translationX,
    13.447715250169207 * scale + translationY,
    13.0 * scale + translationX,
    14.0 * scale + translationY,
  );

  path.cubicTo(
    13.0 * scale + translationX,
    14.552284749830793 * scale + translationY,
    12.552284749830793 * scale + translationX,
    15.0 * scale + translationY,
    12.0 * scale + translationX,
    15.0 * scale + translationY,
  );

  path.cubicTo(
    11.447715250169207 * scale + translationX,
    15.0 * scale + translationY,
    11.0 * scale + translationX,
    15.447715250169207 * scale + translationY,
    11.0 * scale + translationX,
    16.0 * scale + translationY,
  );

  path.cubicTo(
    11.0 * scale + translationX,
    16.552284749830793 * scale + translationY,
    11.447715250169207 * scale + translationX,
    17.0 * scale + translationY,
    12.0 * scale + translationX,
    17.0 * scale + translationY,
  );

  path.cubicTo(
    13.656854607120248 * scale + translationX,
    17.000000417232513 * scale + translationY,
    15.000000357627869 * scale + translationX,
    15.656854666724893 * scale + translationY,
    15.000000357627869 * scale + translationX,
    14.000000417232513 * scale + translationY,
  );

  path.cubicTo(
    15.000000357627869 * scale + translationX,
    12.343146167740134 * scale + translationY,
    13.656854607120248 * scale + translationX,
    11.000000417232513 * scale + translationY,
    12.000000357627869 * scale + translationX,
    11.000000417232513 * scale + translationY,
  );

  path.close();

  canvas.drawPath(path, paint);
}