我有一个带有一些图像的常规HTML页面(只是常规的<img />HTML标签).我想得到他们的内容,优选base64编码,而不需要重新下载图像(即它已经被浏览器加载,所以现在我想要内容).
我很想用Greasemonkey和Firefox实现这一目标.
以下是旋转标记的代码,但是如何旋转自定义标记.任何的想法?
var angleDegrees = 150;
new google.maps.Marker({
position: a,
map: map,
icon: {
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
scale: 6,
fillColor: "red",
fillOpacity: 0.8,
strokeWeight: 2,
rotation: angleDegrees //this is how to rotate the pointer
}
});
Run Code Online (Sandbox Code Playgroud) marker1 = new google.maps.Marker(
{
position: myLatlng,
map: map,
icon: {
path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
scale: 2,
rotation: degree
}
});
Run Code Online (Sandbox Code Playgroud)
我试图在某种程度上旋转谷歌地图上的标记图像.
我正在使用上面的代码它很不错,但它通过路径代码显示FORWARD_OPEN_ARROW :google.maps.SymbolPath.FORWARD_OPEN_ARROW, 但我想在这里添加图像而不是箭头
例如汽车图像,因此当车辆向某个方向移动时它可以旋转.我有一定程度的旋转所以有没有办法把图像而不是arraow
所以我需要保存在<canvas>元素上绘制的图像数据.并且有toDataURL()方法适用于大多数现代浏览器.
除了......你猜对了...... Internet Explorer.
我搜索了互联网,但是到处都有人说我应该使用SVG/VML来保存数据,但他们从未提及过如何.我没有在IE中使用SVG/VML的经验,那么如何在Internet Explorer中保存画布元素中绘制的图像?有没有人有经验?
目前,我不得不在客户端和服务器上复制绘图代码,这开始变得复杂.因此,如果有一种方法,我可以提取在客户端(或服务器)端的canvas标签上绘制的图像,这肯定会有所帮助.
谢谢!
我使用自定义图像创建了一个标记,但该图像锚定在图像的底部。如果图像作为锚点,我想以中心为中心,这样即使我旋转图像,它也会围绕中心旋转。
我遵循了这个出色的解决方案Rotating image/marker image on Google map V3旋转 agm/core (angular 4) 中标记上的自定义图像。
感谢@ErDmKo
提前致谢