nycJSorg/angular-presentation

View on GitHub
apps/kirjs/src/app/modules/svg-race/little-car/little-car.component.html

Summary

Maintainability
Test Coverage
<svg:g
  style="transition: 1.5s"
  [style.transform]="'translate(' + position.x + 'px, ' + position.y + 'px)'"
>
  <svg:g [style.transform]="'translate(-13px, -10px)'">
    <svg:g
      style=" transform-origin: 13px 15px"
      [style.transform]="'rotate(' + position.angle + 'deg)'"
    >
      <g style="transform: scale(0.05)">
        <path
          [attr.fill]="darkColor"
          d="M324 366l74-29a17 17 0 0 0 10-15v-22l-85 34v34zm-136 0V332l-85-34v22a17 17 0 0 0 10 15l74 29z"
        ></path>
        <path
          [attr.fill]="lightColor"
          d="M193 484l29 12a85 85 0 0 0 67 0l29-12c33-14 54-48 51-85l-11-142 12-146c2-34-15-67-46-83l-6-3a137 137 0 0 0-122 0l-6 3c-31 15-49 48-46 83l12 146-11 142c-3 36 17 70 51 85z"
        ></path>
        <path
          [attr.fill]="darkColor"
          d="M142 391c48 63 129 91 206 71a85 85 0 0 1-29 21l-29 12a85 85 0 0 1-67 0l-29-12c-33-14-54-48-51-85l.596-7z"
        ></path>
        <path
          fill="#23aec8"
          d="M322 365l2-1a17 17 0 0 0 7-15l-7-74H187l-7 74a17 17 0 0 0 7 15l2 1c40 26 92 26 132 0z"
        ></path>
        <path
          fill="#1967a3"
          d="M320 365c-39 25-91 25-130-.785l-2-1a17 17 0 0 1-7-15l5-57a196 196 0 0 0 134 75z"
        ></path>
        <path
          fill="#23aec8"
          d="M324 153H187l-6-39a17 17 0 0 1 8-17l16-9a102 102 0 0 1 99 0l16 9a17 17 0 0 1 8 17l-6 39z"
        ></path>
        <path
          fill="#1967a3"
          d="M189 96l8-4a280 280 0 0 0 117 61H187l-6-39a17 17 0 0 1 8-17z"
        ></path>
        <path
          fill="#555160"
          d="M339 405l-34 51-14-9 34-51zm-119 41l-14 9-34-51 14-9z"
        ></path>
        <path
          d="M332 264H180l-8 82a25 25 0 0 0 11 23l2 1c42 28 98 28 141 0l2-1a25 25 0 0 0 11-23l-8-82zm-12 92l-2 1c-37 24-85 24-122 0l-2-1a8 8 0 0 1-3-7l6-67H316l6 67a8 8 0 0 1-3 7zM180 162h151l7-46a25 25 0 0 0-12-26l-16-9a110 110 0 0 0-107 0l-16 9a25 25 0 0 0-12 26l7 46zm13-58l16-9a93 93 0 0 1 91 0l16 9a8 8 0 0 1 4 8l-5 32H194l-5-32a8 8 0 0 1 4-8zm26 343l-14 9-34-51 14-9zm119-41l-34 51-14-9 34-51z"
        ></path>
      </g>
    </svg:g>
  </svg:g>
</svg:g>