随笔分类 -  JS绘图能力

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

点击右上角即可分享
微信分享提示