如何在HTML中創建一個JavaScript，用於從現有圖像生成/返回圖像？

我正在開發一個使用谷歌地圖的網頁。如果指向某個特定位置，我會自定義Google地圖的圖標/標記。圖標/標記已成功定製，並指出將圖像從Facebook返回：作爲圖標/標記通過如何在HTML中創建一個JavaScript，用於從現有圖像生成/返回圖像？

樣本圖像：https://graph.facebook.com/astig.bertz/picture

我想有圖像的邊框。換句話說，我想從Facebook個人資料圖片中創建另一個圖片。

有人可以幫助我嗎？謝謝.....

來源

2011-08-19 Roberto Becher

這是不可能的，沒有使用服務器資源。 JavaScript本身並不具備以這種粒度操縱二進制數據的能力。

但是，您可以嘗試使用一些javascript/css技巧使該圖像成爲放置邊框的div的背景網址。 AKA是這樣的：

<div style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(/path/to/some/image); border: 1px solid black;"> 
</div>

來源

2011-08-19 17:35:58 Tejs

創建此標記：http://www.facebook.com/photo.php?fbid = 252877778066025＆設置= a.104127182941086.8381.100000314130481＆類型= 1＆PID = 869801＆ID = 100000314130481 我想做到這一點是這樣的：http://www.facebook.com/photo.php?fbid=252876574732812&set=a.104127182941086.8381.100000314130481&type=1&pid = 869799＆id = 100000314130481 –

谷歌地圖標記不接受HTML標記。它只接受圖像的ICON/MARKER。 –

你想使用畫布。如果不是用於最終顯示器，則至少用於圖像處理。

https://developer.mozilla.org/en/Canvas_tutorial

他們甚至可以把看中邊框圖像的例子：

https://developer.mozilla.org/en/Canvas_tutorial/Using_images#Art_gallery_example

來源

2011-08-19 17:38:02

我試過了，但結果如下：http://www.facebook.com/photo.php?fbid=252877778066025&set=a.104127182941086.8381.100000314130481&type=1&pid=869801&id=100000314130481 我想創建這個示例圖像：http： //www.facebook.com/photo.php?fbid=252876574732812&set=a.104127182941086.8381.100000314130481&type=1&pid=869799&id=100000314130481 –

我沒有使用畫布，因爲谷歌地圖標記不接受HTML標記。這就是爲什麼我想從圖像本身生成另一個圖像的原因。 :( –

如何在HTML中創建一個JavaScript，用於從現有圖像生成/返回圖像？

回答

相關問題