\r\n {{validationmessage}}\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n Loading...
\r\n\r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n {{example.name}}
\r\nYou can choose from demo examples or you can upload your own image to see the results.
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n Body Measurement Output:
\r\n| Height | \r\nShoulder | \r\nRight hand | \r\nLeft hand | \r\nRight foot | \r\nLeft foot | \r\nHip | \r\nWaist | \r\nChest Girth | \r\nThigh Girth | \r\nAnkle Regular | \r\nAnkle Tight | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {{ staticResultOutput.height }} | \r\n{{ staticResultOutput.Shoulder | number}} cm | \r\n{{ staticResultOutput.RHand | number}} cm | \r\n{{ staticResultOutput.LHand | number}} cm | \r\n{{ staticResultOutput.RFoot | number}} cm | \r\n{{ staticResultOutput.LFoot | number}} cm | \r\n{{ staticResultOutput.Hip | number}} cm | \r\n{{ staticResultOutput.Waist | number}} cm | \r\n{{ staticResultOutput.Chest | number}} cm | \r\n{{ staticResultOutput.Thigh | number}} cm | \r\n{{ staticResultOutput.AnkleR | number}} cm | \r\n{{ staticResultOutput.AnkleT | number}} cm | \r\n
\r\n
\r\n","import { Component } from '@angular/core';\r\nimport { Router, NavigationEnd } from \"@angular/router\"\r\nimport { filter } from \"rxjs/operators\"\r\n\r\ndeclare var gtag;\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss']\r\n})\r\nexport class AppComponent {\r\n title = 'fashion-ai';\r\n constructor(router: Router) {\r\n const navsEnd = router.events.pipe(\r\n filter(event => event instanceof NavigationEnd)\r\n );\r\n navsEnd.subscribe((event: NavigationEnd)=>{\r\n gtag('config', 'G-1LW5ZG2GN8',{\r\n 'page_path':event.urlAfterRedirects\r\n });\r\n })\r\n }\r\n}","\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {{ errormessage }}\r\n
\r\n Body Measurement Output:
\r\n| Shoulder | \r\nRight hand | \r\nLeft hand | \r\nRight foot | \r\nLeft foot | \r\nHip | \r\nWaist | \r\nChest Girth | \r\nThigh Girth | \r\nAnkle Regular | \r\nAnkle Tight | \r\n
|---|---|---|---|---|---|---|---|---|---|---|
| {{ dynamicMeasurement['Shoulder'] | number }} cm | \r\n{{ dynamicMeasurement['Right_hand'] | number }} cm | \r\n{{ dynamicMeasurement['Left_hand'] | number }} cm | \r\n{{ dynamicMeasurement['Right_leg'] | number }} cm | \r\n{{ dynamicMeasurement['Left_leg'] | number }} cm | \r\n{{ dynamicMeasurement['Hip'] | number }} cm | \r\n{{ dynamicMeasurement['Waist'] | number }} cm | \r\n{{ dynamicMeasurement['Chest Girth'] | number }} cm | \r\n{{ dynamicMeasurement['Thigh Girth'] | number }} cm | \r\n{{ dynamicMeasurement['Ankle Regular'] | number }} cm | \r\n{{ dynamicMeasurement['Ankle Tight'] | number }} cm | \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport {Router} from '@angular/router';\r\nimport { faStreetView, faRulerCombined} from '@fortawesome/free-solid-svg-icons';\r\n@Component({\r\n selector: 'app-navbar',\r\n templateUrl: './navbar.component.html',\r\n styleUrls: ['./navbar.component.scss']\r\n})\r\nexport class NavbarComponent implements OnInit {\r\n href: string;\r\n faStreetView = faStreetView;\r\n faRulerCombined = faRulerCombined;\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit(): void {\r\n this.toggleActive();\r\n }\r\n toggleActive() {\r\n this.href = this.router.url;\r\n if (this.href === '/dashboard/virtual-try-on') {\r\n document.getElementById('sessionTryon').classList.add('active');\r\n document.getElementById('bodyMeasurements').classList.remove('active');\r\n document.getElementById('3d-try-on').classList.remove('active');\r\n } else if (this.href === '/dashboard/body-measurement') {\r\n document.getElementById('sessionTryon').classList.remove('active');\r\n document.getElementById('bodyMeasurements').classList.add('active');\r\n document.getElementById('3d-try-on').classList.remove('active');\r\n } else{\r\n document.getElementById('sessionTryon').classList.remove('active');\r\n document.getElementById('bodyMeasurements').classList.remove('active');\r\n document.getElementById('3d-try-on').classList.add('active');\r\n\r\n }\r\n }\r\n}\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-dashboard',\r\n templateUrl: './dashboard.component.html',\r\n styleUrls: ['./dashboard.component.scss']\r\n})\r\nexport class DashboardComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n Select Garment
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n ![\"\"\r\n]()
\r\n
\r\n Garment Selected
\r\n \r\nSample {{i + 1}}
\r\n\r\n
\r\n Select Model
\r\n\r\n Please select cloth first.\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n ![\"\"\r\n]()
\r\n
\r\n Model Selected
\r\n \r\nSample {{i + 1}}
\r\n\r\n \r\n
\r\n Output after try on
\r\nloading result
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n ![\"\"\r\n]()
\r\n
\r\n \r\n ![\"\"\r\n]()
\r\n
\r\n \r\n