Technical sharing by programmers
npm install –save-dev jest @types/jest npm install –save-dev ts-jest npx ts-jest config:init will generate file jest.config.js create __tests__ folder under root path of Next.js project, and create xxx.test.ts under this …
We access MongoDB through Mongoose module. We create these ts file to access MongoDB. (Example: Next.js Project, npm install mongoose) When you need to define an interface in TypeScript but …
Server-Side Rendering: SSR 何時執行？ 每次請求時，在伺服器端執行 getServerSideProps 來產生 HTML。優點： 缺點： Static Site Generation: SSG 何時執行？ 在 build 時執行 getStaticProps，預先生成 HTML，並在 CDN 上提供。優點： 缺點： Incremental Static Regeneration: ISR 何時執行？ 在 build 時先生成靜態頁面，但允許根據 …
React uses a custom JavaScript Syntax Extension (JSX) to describe HTML elements and TypeScript for static typing, both of which require a transpiler to convert the code to JavaScript. To …
系統主畫面 尋找相機 相機資訊 (相機型號 序號) FPS 每秒張數 開始啟像 停止啟像 儲存影像 檢測功能 (有四個檢測功能) 顯示數據 (半徑比例、半徑差) 良品門檻值 最大灰階值 最小面積 尋找相機 Find Device 按下「尋找相機 Find Device」，系統會偵測相機。 當系統並沒有相機時 當系統找到相機時 設定FPS FPS: 每秒取像張數 開始取像 Start …
程式主畫面 程式功能 教導：每個焦段的偏移值與Motion Zoom Focus RS232通訊埠設定 搜尋相機 相機的IP 開始取像 停止取像 載入校正檔 儲存影像 Color Map 是否套用影像偏移 每個焦段的按鈕:透過RS232下 ZOOMPOS positionTime.Sleep(3)透過RS232下 FOCUSPOSposition 設定畫面 RS232通訊設定 影像明暗調整 調整影像灰階比例：new image = image x aplpha + beta …
噴液異常視覺檢測 鴻博資訊有限公司 系統架構圖 此專案規劃一台電腦最多可以跑四隻AOI程式，同時跑多隻AOI程式時的運行順暢度取決於電腦硬體本身的規格。 AOI程式與Modbus程式間是透過Socket進行通訊，每隻AOI程式需配置一個唯一序號，1到4號，當AOI程式偵測到異常時會發送一個訊號給Modbus程式，Modbus根據訊號中的AOI程式唯一序號，在對應的PLC Modbus位址上發送一個100 ms的ON訊號。 AOI ID Modbus Address 1 100 2 101 3 102 4 103 工業相機 官網：https://www.toshiba-teli.co.jp/en/products/industrial-camera/index.htm 請點選【Support】【Software Download】下載軟體SDK 【註】使用Ubuntu 22.04 下載TeliCamSDKforLinux_S5104031.zip 壓縮檔內容 請開啟Readme檔案 程式安裝路徑 /opt/TeliCamSDK …
由左至右分為四個區塊：相機的觸發影像區塊，檢查異常的影像區塊，量測數據區塊、功能作業區塊。 相機區域 設定：進入教導畫面 開啟相機：執行開啟相機操作 開始取像：執行連續取像 (相機中心點會顯示十字，用於相機鎖附時調整中心點） 曝光時間：執行變更相機曝光時間操作（以拖拉及輸入的方式） 相機教導畫面 連續取像：執行連續取像 教導影像：執行擷取影像到教導所需的影像 練習：連續取像 練習：教導影像 練習： 先設定ROI（檢測區域），輸入圓的座標（X，Y）及半徑R 設定外圈最及內圈的亮度值。建議初始值如下所示。 亮度設定值：數值越小，比較暗的區域也會被選取；數值越大，比較亮的區域才會被選取。 偏心率：是焦距（焦點之間的距離）與長軸長度之比。該值在區間 [0, 1) 中。為 0 時，橢圓變為圓形。數值越小代表趨近圓形。 偏心率就偏高0.77 周長：區域輪廓的周長 右側周長為3648 左側周長為4707 面積：區域佔了多少像素。下圖有絕緣片翹起的情況，會造成內圈面積的差異。 填滿面積：將綠色區域填滿的面積。如右圖白色后域為左圖綠色區域填滿。 半徑差：下圖綠色區域有兩個圓，外側圓、內側圓這兩個的圓的半徑值相減。 教導畫面細項操作 …
滅菌倉植物分株專案規劃 硬體規劃 前視 上視 側視 實際影像示意 主要硬體 電腦放置位置 軟體規劃 使用案例 類別圖 使用者操作界面
鏡架螺絲有無檢測 影像檢測手法的基礎觀念 影像直方圖 直方圖表示影像中像素強度（無論是彩色或灰階）的分佈。它可以視覺化為圖表（或繪圖），可以直觀地了解強度（像素值）分佈。在此範例中，我們將假設 RGB 色彩空間，因此這些像素值將在 0 到 255 的範圍內。 繪製直方圖時，x 軸充當我們的「箱」。如果我們用 256 建構一個直方圖 bin，那麼我們就可以有效地計算每個像素值出現的次數。 相反，如果我們只使用 2 （等距）容器，然後我們計算像素在 [0, 128] 或 [128, 255] 範圍內的次數。 然後將與 x 軸值合併的像素數繪製在 y 軸上。 讓我們看一個範例圖像以使這一點更清楚： …