2017-08-08 510 views
0

我想知道最好的Web技術/ js庫來實現此功能。我需要更改圖像內特定對象的顏色。我需要開發一個工具,在這裏他們可以選擇一種顏色,圖像內部的對象將變成這種顏色。更改圖像內的對象顏色

這是我需要的非常接近的例子。我一直在閱讀關於畫布的文章,但我一直無法找到任何接近的東西。

www.msistone.com/virtual-kitchen-designer

提前感謝!

回答

0

在圖像中定位特定對象(牆磚,表格,地板等)的最簡單方法是使用圖像編輯應用程序(如Photoshop,Artweaver,Paint.net,Inkscape等)進行後期製作,並切換在用戶選擇使用CSS或JavaScript時輸出圖像。以這種方式替換整個圖像,並在切換圖像時顯示小的更改。

如果您不想手動執行此操作,則不存在簡單的編程方法。有關編碼應用程序識別對象的更多信息,請查看machine learningshape recognition algorithms,但我懷疑這超出了簡單Web應用程序的範圍。

1

有沒有神奇或詳細的算法。他們只是使用一些PNG圖像,然後他們將樣式平鋪圖像放在之前,因此如果使用過濾器,它看起來像是紋理髮生了變化或類似。你可以意識到它是如何工作的看源代碼 PNG image of Virtual Kitchen Designer

+0

一旦我對如何在WebGL上做圖層有疑問,並且有人向我解釋了它如何在畫布上工作[https://stackoverflow.com/questions/ 42385663 /如何-可以-I-使用層上-webgl的](https://stackoverflow.com/questions/42385663/how-can-i-use-layers-on-webgl) – AngeLOL