2016-11-04 61 views
3

我想創建顏色選擇器,它將從PHP網頁上的其他網站onclick中選擇顏色。如何在php網頁中獲取iframe的顏色?

我已經給出了選擇在我的網頁中添加顏色選擇參考網站的網址。我在iframe中打開引用url,但點擊它時我沒有獲得iframe的顏色。

<!DOCTYPE html> 
<html> 
    <head> 

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
     <script> 
      $('iframe').load(function(){ $($("iframe")[0].contentWindow).on('click', function(event) { alert('test'); });}); 
     </script> 
    </head> 
    <body> 
     <iframe id="iframe" src="http://www.theuselessweb.com/" width="500px;" height="500px"> 
     </iframe> 
     <br> 
    </body> 
</html> 
+0

我不認爲這是可行的?你的機制在哪裏進行顏色選擇(甚至在你自己的網頁上)? – Cagy79

+1

在同一頁我得到的畫布顏色 var position = findPos(this); var x = e.pageX - position.x; var y = e.pageY - position.y; var coordinate =「x =」+ x +「,y =」+ y; var canvas = this.getContext('2d'); var p = canvas.getImageData(x,y,1,1).data; var hex =「#」+(「000000」+ rgbToHex(p [0],p [1],p [2]))。slice(-6); – Ruta

+0

瀏覽器不再允許JavaScript在其他域(跨域/跨域)運行,所以我不認爲這是可行的。所有網站都必須將您納入其相同來源的政策。一些在這個問題上的閱讀:http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy – Cagy79

回答

1

我有另一種選擇從其他網站獲取顏色。要獲得顏色第一我得到使用谷歌pagespeed api輸入的網址截圖,並從該圖像我越來越顏色代碼