API Documentation

/** box = [ymin, xmin, ymax, xmax] normalized 0–1000 */
async function drawBoxes(imageFile, meters) {
  const img = await createImageBitmap(imageFile);
  const canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;

  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);

  const w = img.width;
  const h = img.height;
  const lineWidth = Math.max(3, Math.floor(w * 0.003));
  const labelH = Math.max(14, Math.floor(h * 0.03));

  for (const item of meters) {
    const box = item.box;
    if (!box || box.length !== 4) continue;

    const [ymin, xmin, ymax, xmax] = box;
    const x1 = Math.floor((xmin / 1000) * w);
    const y1 = Math.floor((ymin / 1000) * h);
    const x2 = Math.floor((xmax / 1000) * w);
    const y2 = Math.floor((ymax / 1000) * h);

    ctx.strokeStyle = 'red';
    ctx.lineWidth = lineWidth;
    ctx.strokeRect(x1, y1, x2 - x1, y2 - y1);

    const room = item.room_no || 'N/A';
    const label = `Room: ${room} | Val: ${item.value}`;
    const labelW = Math.floor(w * 0.25);

    ctx.fillStyle = 'red';
    ctx.fillRect(x1, y1 - labelH, labelW, labelH);
    ctx.fillStyle = 'white';
    ctx.font = `${Math.max(12, Math.floor(h * 0.018))}px sans-serif`;
    ctx.fillText(label, x1 + 5, y1 - 6);
  }

  return canvas.toDataURL('image/jpeg', 0.9);
}

// ใช้กับผลลัพธ์จาก API
// const meters = response.data.results[0].data;
// const dataUrl = await drawBoxes(fileInput.files[0], meters);
// previewImg.src = dataUrl;

<?php
/** box = [ymin, xmin, ymax, xmax] normalized 0–1000 (ต้องเปิด extension gd) */
function draw_boxes(string $imagePath, array $meters, string $outputPath = 'boxed.jpg'): string
{
    $info = getimagesize($imagePath);
    $mime = $info['mime'] ?? '';

    $img = match ($mime) {
        'image/jpeg' => imagecreatefromjpeg($imagePath),
        'image/png' => imagecreatefrompng($imagePath),
        default => throw new RuntimeException('Unsupported image type'),
    };

    $w = imagesx($img);
    $h = imagesy($img);
    $red = imagecolorallocate($img, 255, 0, 0);
    $white = imagecolorallocate($img, 255, 255, 255);
    $lineWidth = max(3, (int) ($w * 0.003));
    $labelH = max(14, (int) ($h * 0.03));

    foreach ($meters as $item) {
        $box = $item['box'] ?? null;
        if (!$box || count($box) !== 4) {
            continue;
        }

        [$ymin, $xmin, $ymax, $xmax] = $box;
        $x1 = (int) (($xmin / 1000) * $w);
        $y1 = (int) (($ymin / 1000) * $h);
        $x2 = (int) (($xmax / 1000) * $w);
        $y2 = (int) (($ymax / 1000) * $h);

        for ($i = 0; $i < $lineWidth; $i++) {
            imagerectangle($img, $x1 + $i, $y1 + $i, $x2 - $i, $y2 - $i, $red);
        }

        $room = $item['room_no'] ?? 'N/A';
        $value = $item['value'] ?? '';
        $label = "Room: {$room} | Val: {$value}";
        $labelW = (int) ($w * 0.25);

        imagefilledrectangle($img, $x1, $y1 - $labelH, $x1 + $labelW, $y1, $red);
        imagestring($img, 3, $x1 + 5, $y1 - $labelH + 2, $label, $white);
    }

    imagejpeg($img, $outputPath, 90);
    imagedestroy($img);

    return $outputPath;
}

// ใช้กับผลลัพธ์จาก API
// $meters = $response['data']['results'][0]['data'];
// draw_boxes('electric.jpg', $meters, 'electric_boxed.jpg');

import axios from 'axios';

const API_KEY = 'sk_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
const BASE_URL = 'https://core.vision.proiot.xyz';

const headers = { 'X-API-Key': API_KEY };

// ตรวจเครดิต
const quota = await axios.get(`${BASE_URL}/api/v1/quota`, { headers });
console.log(quota.data);

// อ่านมิเตอร์ไฟ (1 รูป หลายมิเตอร์ได้)
const electricForm = new FormData();
electricForm.append('files', electricFileInput.files[0]);
const electricResp = await axios.post(
  `${BASE_URL}/api/v1/extract/electric`,
  electricForm,
  { headers }
);
console.log(electricResp.data);

// อ่านมิเตอร์น้ำ (หลายไฟล์)
const waterForm = new FormData();
waterForm.append('files', fileInput1.files[0]);
waterForm.append('files', fileInput2.files[0]);
const waterResp = await axios.post(
  `${BASE_URL}/api/v1/extract/water`,
  waterForm,
  { headers }
);
console.log(waterResp.data);

<?php
$apiKey = 'sk_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
$baseUrl = 'https://core.vision.proiot.xyz';

// ตรวจเครดิต
$ch = curl_init("{$baseUrl}/api/v1/quota");
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER => ["X-API-Key: {$apiKey}"],
]);
echo curl_exec($ch);
curl_close($ch);

// อ่านมิเตอร์ไฟ
$ch = curl_init("{$baseUrl}/api/v1/extract/electric");
$file = new CURLFile('electric.jpg', 'image/jpeg', 'electric.jpg');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER => ["X-API-Key: {$apiKey}"],
    CURLOPT_POSTFIELDS => ['files' => $file],
]);
echo curl_exec($ch);
curl_close($ch);

// อ่านมิเตอร์น้ำ (หลายไฟล์)
$ch = curl_init("{$baseUrl}/api/v1/extract/water");
$file1 = new CURLFile('water1.jpg', 'image/jpeg', 'water1.jpg');
$file2 = new CURLFile('water2.jpg', 'image/jpeg', 'water2.jpg');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER => ["X-API-Key: {$apiKey}"],
    CURLOPT_POSTFIELDS => [
        'files' => [$file1, $file2],
    ],
]);
echo curl_exec($ch);
curl_close($ch);