使用Javascript進行JPG連接

這是一個很長的鏡頭，但也許有人在這裏是超級天才。使用Javascript進行JPG連接

我想4張JPG格式在網格

1 2 
3 4

我想這樣做，客戶端結合起來，沒有SVG（因爲IE吹）。

我正在尋找操縱jpg文件中的代碼來生成單個新圖像的方法。我將把它們作爲所有相同大小的jpgs，並且如果有必要，我可以將它們輸出爲另一種格式（比如位圖）。我也願意接受使用任何特殊的IE「功能」像VML解決方案。 IE8是目標受衆。

我意識到我可以用SVG做到這一點。我意識到我可以做這個服務器端。我意識到我可以把他們放在一起。我需要從4個原始的單個圖像，因爲字符串是好的（甚至更好），因爲我可以base64編碼並將其放入圖像元素中。

謝謝！

2013-03-05 Randy Hall

做這個服務器端有什麼問題？ PHP有[Imagick]（http://php.net/manual/en/book.imagick.php）庫，使用它將是10行最差的情況，並且會爲您節省大量時間。 – 2013-03-05 21:43:42

什麼是源jpegs？你生成或重新生成它們嗎？如果jpeg的某些選項是相同的，我認爲可以將它們連接到更大的jpeg，而無需客戶端的完整解壓縮/壓縮循環。 – osgx 2013-03-05 22:20:17

@ bali182代碼行不成問題，成千上萬的用戶在服務器上生成圖像。 – 2013-03-06 13:54:37

我非常確定，您唯一的選擇（在客戶端上）實際上是基於Flash的畫布庫，如FX Canvas。他們爲您提供了完整的標準畫布方法（例如您最需要的toDataURL）......通常，我不會主張使用Flash，但使用模擬畫布的庫會使客戶決定升級時遷移代碼變得輕而易舉他們的瀏覽器集。

2013-03-05 22:23:08 Michal

看起來這樣。客戶端將使用每個其他瀏覽器的canvas/svg，但近一半的流量都是IE瀏覽器。 – 2013-03-06 13:59:02

回答