2012-07-19 52 views
0

首先,內繞其底部中心PNG圖像,讓我很快地解釋爲什麼我提出這儘管類似的問題在這裏: Canvas rotate from bottom center image angle?從.js文件

到目前爲止,我所看到的所有信息關注嵌入在html標記中的JavaScript。我不知道這些信息是否足以滿足比我更有經驗的人,但我知道JavaScript和html很少。然而,我對許多腳本語言有一點經驗。

我的問題是,我有一個.js文件,需要一個對象,我,並設置i.image從一個網址(例如example.com/pic.png)的PNG圖像。我想添加幾行代碼,首先將圖像旋轉x度或弧度(我不關心哪個,我總是可以轉換),然後將其設置爲i.image。所以: image =「example.com/pic.png」; i.image = MagicRotateFunction(image,45);

我只是不知道MagicRotateFunction會是什麼。

+0

哪裏你JavaScript運行,如果不在瀏覽器的HTML頁面上?你使用Node.js(serverside)還是WSH? – Bergi 2012-07-19 23:56:31

+1

最簡單的方法是檢查css轉換,使用旋轉函數:在這裏檢查一個例子http://davidwalsh.name/css-transform-rotate – 2012-07-19 23:57:21

+0

Node.js(serverside)我想。我正在編輯.js文件並將其上傳到服務器。我真的不知道哪些文件正在生成html標記。這是一個製作谷歌地圖地圖的文件,我想旋轉這些標記,以便在同一位置顯示多個標記。 – 2012-07-19 23:59:02

回答

0

如果你有興趣在.js文件做CSS變換,試試這個:

i.src = "http://maps.google.com/mapfiles/marker.png"; 
i.style.WebkitTransform = "rotate(45deg)"; 
i.style.MozTransform = "rotate(45deg)"; 
i.style.OTransform = "rotate(45deg)"; 
i.style.msTransform = "rotate(45deg)"; 
i.style.transform = "rotate(45deg)"; 

來源: