canvas
雁来过
这个作者很懒,什么都没留下…
展开
-
canvas模拟中国铁路运行图
原理说明1、在知道canvas画布尺寸的情况下,需要将地理经纬度信息转换为canvas画布x,y坐标,因为中国地图地理经纬度坐标取值范围为73.33-135.05(经度)37-50(维度),所以第一步需要确认的就是画布的中心位置,这里命名为centerX和centerY,同样的确认中国地图经纬度对应的中心位置,这里命名为positionX,positionY。2、人为定义一个放大值range,...原创 2019-10-29 23:00:31 · 1411 阅读 · 0 评论 -
基于canvas实现钟表
原理说明1、通过arc方法实现钟表外环;2、通过line实现钟表时针,分针,秒针和刻度标志的绘制,基于save和restore方法旋转画布绘制不同角度的指针;3、通过font方法实现在画布上绘制文字,基于save和restore方法旋转绘制的文字,使文字正向显示。实例效果图如下绘制钟表圆形边框方法,centerX表示圆中心点x坐标,centerY表示圆中心店y坐标function d...原创 2019-10-24 21:59:42 · 1002 阅读 · 0 评论 -
canvas实现平面迁徙图
**前言**最近在做自己维护的一个可视化工具的时候,在添加基于echart的雷达图的时候,按照echart官网案例写完发现在自己项目中无法正常运行,排查了一番发现是我项目中echart的版本太低。找到问题原因之后就升级echart,但是升级echart之后发现原本正常运行的echart地图组件又无法使用,百度了一番发现echart在最新的版本中地图数据进行了切换,原先的数据由于不符合规范被砍...原创 2019-10-15 22:26:27 · 710 阅读 · 0 评论