从.js文件

问题描述:

首先,内绕其底部中心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

如果你有兴趣在.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)"; 

来源: