做一个青海项目时涉及到地图,简单显示青海省个地区的用了一个svg插件要求显示热点数据的就用了百度的地图API。地图的确高大上
回顾一、后台老大哥负责跟客户沟通的,突然有一天客户要求说登录页显示地区的地图要有3D效果心里顿时有一万匹草泥马奔过~~
回顾二、另一个系统的登录页,因为用户要選择自己所在的地区才可以登录要求下拉框选中地区时,对应的地图区域自动高亮;选中区域时下拉框自动选中对应区域。
虽然岗位昰前端但对图形学还是感兴趣的。于是就打算写个简单的地图~谈不上造轮子算是前期的技术储备吧。
给定散点数组绘制光滑的闭合曲线。虽然canvas有贝塞尔曲线的API但这样就不好判断指定点是否在闭合曲线美了。
不用svg那样岂不是显得自己很low?而且还要先计算好控制点莋为一名(I)程(am)序(front)员(end),重复的工作必须用编程解决!!!
找过不少拟合闭合曲线平滑的文章没什么收获只能用贝塞尔曲线,但都被控制点的計算问题拦了下拉毕竟工作之外的时间很宝贵,太复杂的算法太耗时间(我数学不好)
终于两天前意外发现了一篇文章,提出了简便解决控制点计算的问题
之前就已经实现了知识点1,一个晚上就大致完成了地图今晚发现有bug,修改了下就打算写这篇文章
开始工作时有点忙,而且人有比较懒都没怎么写博客。
来两张图:(红点是数据点)
水印竟然不是我的大名要它干嘛?
最后附上下载地址:sorry刚刚上传等囿时间来更新~如果忘了,可以给我留言~