作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图在 map 上的任何标记之间线的末端绘制一个箭头。我正在使用 svg 创建线条:
var map = $('#map').vectorMap('get', 'mapObject');
var draw = SVG('svgMapOverlay').size(660, 400);
var coords1 = map.latLngToPoint(markerArray[0].latLng[0],markerArray[0].latLng[1]);
var coords2 = map.latLngToPoint(markerArray[1].latLng[0],markerArray[1].latLng[1]);
draw
.path()
.attr({ fill: 'none',stroke: '#c00', 'stroke-width': 2 })
.M(coords1.x, coords1.y)
.L(coords2.x, coords2.y);
我可以在两个标记之间绘制线条,但不能绘制线条末端的箭头。我想要的是这样的:
这里是 JSFiddle http://jsfiddle.net/ruzel/V8dyd/ 的 jvectormap 示例
您能帮助我或建议一些选项吗,因为我是 svg 和使用 svg 在 javascript 中绘制对象的新手。谢谢
最佳答案
我做到了。
如果有人正在寻找答案,这就是我所做的: https://github.com/mushtaqak/fancyWorldMap
关于javascript - 在 jvector map 上两个标记之间绘制的线的末端绘制箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22679640/
我正在尝试将 View 的背景设置为具有从 Palette api 生成颜色的渐变 渐变将从纯色逐渐淡出,但我希望纯色部分占据大部分背景。现在它开始稳定,然后在 View 宽度上逐渐淡出,我希望它从
我是一名优秀的程序员,十分优秀!