随笔分类 - JS绘图能力
含地图、可视化数据
摘要:一、色彩: fillStyle = color strokeStyle = color 二、透明度: 三、线型: 设置线条宽度:lineWidth = value 设置线条末端样式:lineCap = type 设定线条与线条间接合处的样式:lineJoin = type 限制当两条线相交时交接处最
阅读全文
摘要:canvas 像素操作 参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas API介绍: ImageData 对象:ImageData对象中存储着
阅读全文
摘要:1、不同于 SVG,<canvas> 只支持两种形式的图形绘制:矩形和路径(由一系列点连成的线段)。所有其他类型的图形都是通过一条或者多条路径组合而成的。不过,我们拥有众多路径生成的方法让复杂图形的绘制成为了可能。 2、canvas里面位置都是基于坐标系的,这点和DOM完全不一样。 DOM的布局是基
阅读全文
摘要:1、echarts 开发文档 :https://echarts.baidu.com/echarts2/doc/doc.html 或 https://echarts.baidu.com/option.html#series-map.type (官网) 或 https://www.w3cschool.c
阅读全文
摘要:1、高德地图开发 文档 :https://lbs.amap.com/api/javascript-api/summary 在线编辑 预览 :https://lbs.amap.com/api/javascript-api/example/map-lifecycle/map-show (个人)可以把地图
阅读全文
摘要:使用 插件 开发: 1、前端数据可视化插件:Highcharts、Echarts和D3 : https://blog.csdn.net/u013511989/article/details/72236788 (Echarts是canvas实现的,推荐) 2、Echarts学习:http://www.
阅读全文
摘要:参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage(MDN) 或 https://juejin.cn/post/7116784455561248775#heading-46 一、说明:
阅读全文