鍘熸枃璇峰弬鑰冩垜鐨勬枃绔犲叕浼楀彿鍏ラ棬绾э紒鎻愬彇鍥剧墖鐨勪富鑹睮mageColor鍙互鎻愬彇涓€寮犲浘鐗囩殑涓昏壊銆佷寒鑹层€佹煍鑹层€佹殫鑹插洓绉嶉鑹诧紒浣撻獙鍦板潃鐗圭偣馃殌绠€鍗曠矖鏆撮珮鏁堭煍桺romise璋冪敤馃帹杩斿洖涓板瘜鏁版嵁馃寣鏀寔杩斿洖棰滆壊鍒嗗竷鍥綠C锛屽苟鐢熸垚GC鍥剧墖淇濆瓨鍦ㄦ湰鍦般€備娇鐢╥mportImageColorfrom"./index.js";letIC=newImageColor();IC銆俛nalizeImage({id:"mycanvas",url:'./img.png',frequency:20,}).then((res)=>{const{primary,colors,pixels,imageInfo}=res;console.log澶嶅埗浠ｇ爜("涓婚棰滆壊锛?,primary);console.log("涓夌涓嶅悓浜害鐨勯鑹诧細",colors);console.log("鎵€鏈夊儚绱?,pixels);console.log("鍥惧儚淇℃伅锛?,imageInfo);//鎵ц杩欎釜浠诲姟鈥斺€斿鏋滃搷搴旈€熷害浼氬彉鎱紝鍙互寤惰繜娓叉煋锛屼繚璇佸綋鍓嶉〉闈㈡覆鏌撴祦鐣卻etTimeout(()=>{//IC.showGC({gcid:"graphy_canvas"});//IC.saveGCImage('colorspectrum.png');//闇€瑕佸厛璋冪敤showGC},0);});DetailsIC.analizeImage鏄痬ain鏂规硶锛屾帴鍙椾竴涓獅object}浣滀负鍙傛暟锛岃繑鍥炰富棰橀鑹插拰涓夌骇浜害棰滆壊@params{id:"mycanvas",url:'./img.png',frequency:20,}/***@param{Object}params*@paramparams.idString鎸囧畾鍞竴鏍囪瘑绗︼紝*@paramparams.urlString寰呭垎鏋愬浘鍍忓湴鍧€*@paramparams.frequencyNumber閲囨牱鐜囷紝鍊艰秺澶э紝绋嬪簭鎵ц閫熷害瓒婂揩锛屼絾浼氫涪澶卞ぇ閮ㄥ垎鍍忕礌棰滆壊锛岀簿搴︿細涓嬮檷銆傞粯璁や负20*/@returnsPromise{primary:[r,g,b],colors:{bright:{...},soft:{...},dark:{...}},pixels:[[r,g,b],...],imageInfo:{}}where{...}={name:"brightcolor",color:[],//rgb棰滆壊yuvOfColor:0,//浜害yuvCount:0,//yuvPercent:0,//鍥惧儚涓寒搴︾殑姣斾緥}IC.showGC({gcid:"graphy_canvas"})鏂规硶鐢ㄤ簬灏嗗浘鍍忓鐞嗚繃绋嬩腑鐨勯鑹插垎甯冩覆鏌撳埌鎸囧畾鐢诲竷涓婏紝鏂逛究瑙傚療锛両C.saveGCImage('filename')鏂规硶鐢ㄤ簬灏嗗浘闆嗙敾甯冧繚瀛樹负鏈湴鍥剧墖锛堥渶瑕佸厛璋冪敤showGC锛夌畝鍗曠矖鏆寸殑瀹炵幇鎬濊矾锛佹垜娌℃湁浣跨敤鍏弶鏍戞柟娉曟垨鍏朵粬涓绘祦绠楁硶銆傜洰鍓嶆垜绠€鍗曠矖鏆寸殑鎿嶄綔宸茬粡鍙互杈惧埌棰勬湡鐨勬晥鏋滀簡锛?銆佹寜鐓ф寚瀹氱殑閲囨牱闂撮殧锛岃幏鍙栨暣寮犲浘鐗囧儚绱犵偣鐨勯鑹叉暟鎹紝璁颁负鍍忕礌鐐癸紱2銆佺涓€娆￠亶鍘嗗儚绱狅紝杩涜濡備笅鎿嶄綔锛氳绠楁墍鏈夊儚绱犵偣鐨勫钩鍧囧€糰vg_rgb锛沚.璁＄畻姣忎釜鍍忕礌瀵瑰簲鐨勪寒搴uv鍊硷紝骞舵牴鎹畒uv鍊硷紝灏嗕寒搴﹀垎涓轰笁涓瓑绾浜壊銆佹煍鍜岃壊銆佹殫鑹瞉锛屽皢鍍忕礌鐨剅gb娣诲姞鍒板搴旂殑浜害棰滆壊鏁扮粍涓紝绱姞娆℃暟鍒嗗埆閽堝杩欎笁涓骇鍒殑棰滆壊锛?.涓轰簡鍍忕礌鐨勭浜屾柟渚匡紝鍙栨瘡涓儚绱犵殑rgb鍜宎vg_rgb鐨勫樊鍊硷紝宸€间細鍦ㄦ寚瀹氳寖鍥村唴淇濆瓨鍦╠iffavg_pixels鏁扮粍涓紝鍚﹀垯涓㈠純锛?銆乨iffavg_pixels鐨勫钩鍧嘾iff_avg_rgb浣滀负鍥剧墖鐨勪富棰樿壊锛?銆佽绠椾笁绾т寒搴︾殑pixels鏁扮粍鐨勫钩鍧噐gb锛屽嵆涓夌骇浜害鐨勯鑹诧紒
