- 博客(23)
- 收藏
- 关注
原创 中医汉英语料库数字资源平台项目(一)
目录项目背景项目开展思路、实施方案项目预期成果项目成员及分工项目开源地址项目背景中医药学包含着中华民族几千年的健康养生理念及其实践经验,是中华文明的瑰宝之一,凝聚了中华民族的博大智慧。中医药的作用,在这次抗击疫情种展现出了非同凡响的一面。随着时代的发展,中医在全世界的认可度、被接受度越来越高。对于越来越多的外国留学生以及对中医文化感兴趣的外国友人来说,获取到有效的中医信息是很难的。为了推动中医药走向世界,充分发挥中医药防病治病的独特优势和作用,为建设健康中国,实现中华民.
2022-04-27 19:46:59
1429
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(十三)——标准Shape的基本类型介绍
2021SC@SDUSC目录简介Shape的获取方式创建Shape实例通用方法getType()isDestroyed()isVisible()isShape()attr()getBBox()getParent()show()hide()get(name)set(name, value)getMatrix()setMatrix(m)transform(actions)translate(x, y)rotate(radian)
2021-12-26 17:30:26
981
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(十二)——自定义Interaction
2021SC@SDUSC目录简介Interaction 基类Interaction 基类类图支持的事件公有属性公有方法注册交互行为使用交互行为清除交互行为简介F2 的 3.2 版本提供了一套交互行为的注册机制,来达到通用交互行为的封装和复用。一系列基础的事件组成一种具体的交互行为,同时交互行为也可提供配置化的反馈(结果)。在 F2 交互机制中,每一个交互行为包括三个环节:触发,对应一种触发事件 持续,对应一种持续事件 结束,对应一种结束事件自定.
2021-12-19 23:17:57
450
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(十一)——自定义Shape
2021SC@SDUSC简介自定义 Shape 是自定义动画也是动画机制的一个基础,能够熟练的掌握自定义 Shape 的使用可以提升对自定义动画的掌握,从而提升动画机制的水平。创建方式const Shape = F2.Shape;const shapeObj = Shape.registerShape('geomType', 'shapeName', { getPoints(pointInfo) { // 获取每种 shape 绘制的关键点 }, draw(cfg
2021-12-12 23:00:03
570
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(十)——图形属性的使用
2021SC@SDUSC目录简介使用Position 位置属性color分类数据的颜色映射连续数据的颜色映射使用回调函数shapegeom (Geometry)和 shape使用回调函数size回调函数的使用Geom 目前支持的图形属性简介动画的基础是图形,做好动画的前提是利用好图形这一类,而图形属性的使用关系着我们如何更好地使用图形,所以本文将重点介绍 F2 中图形属性的使用。图形属性对应视觉编码中的视觉通道,是图形语法元素中非常重要..
2021-12-05 19:04:11
320
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(九)——小程序与Node端上的F2渲染
2021SC@SDUSC目录简介Node端渲染F2使用说明步骤高清适配小程序上渲染F2封装思路支付宝小程序微信小程序简介本文主要用来分析F2在两个常用端上的渲染使用。F2 是基于 CanvasRenderingContext2D的标准接口绘制的,所以只要能提供标准CanvasRenderingContext2D接口的实现对象,F2就能进行图表绘制.Node端渲染F2使用说明将F2运行于 Node 的后台服务上面,可以提供相当强大的服务端...
2021-11-28 20:11:05
3673
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(八)——Interaction交互机制的分析
2021SC@SDUSC目录简介使用方法 引入交互模块调用 清楚交互动作饼状图的选中 使用 API 参数说明柱状图的选中 使用 API 参数说明图表平移 使用 API 参数说明图表的缩放 使用 AP...
2021-11-21 20:07:30
1099
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(七)——Plugin 插件机制——Animate深入分析
2021SC@SDUSC目录简介如何按需求引用?1.群组入场动画2.精细动画版本注意:动画配置详解动画分类如何进行配置?chart.aninmate()geom.animate()shape.animate()总结简介F2是移动端的可视化解决方案,因为移动端的图表追求的是生动性且对大小有一定的要求,所以针对不同的应用场景,F2为用户提供了两种动画版本: 1.群组入场动画 2.精细动画精细动画是以shape为...
2021-11-14 20:58:52
798
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(六)——Plugin 插件机制
2021SC@SDUSC目录plugin插件机制如何自定义插件如何注册/使用插件注销插件清除插件获取注册的所有插件现有插件Scroll barAPI如何引入配置项总结plugin插件机制F2 提供插件机制用于扩展图表的功能,该机制可以帮助用户在图表创建的各个阶段定制或更改图表的默认行为。目前默认提供了 legend、guide、tooltip 以及动画(群组以及精细动画两个版本)这四种插件。F2 在 Chart 类上注册一个静态属性 .
2021-11-07 22:25:11
460
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(五)——对二维向量的分析
2021SC@SDUSC二维向量Vector2的基本介绍获取方式const Vector2 = F2.G.Vector2;方法二维向量操作方法,具体提供的方法如下:create()创建一个新的二维向量,返回结果为 ( 0, 0 )。length(v)/** * 计算向量的长度 * @param {Array} v 要计算的向量 * @return {Number} 返回该向量的长度 */length(v) {向量长度计算函数,用于计算向量.
2021-10-31 18:49:56
191
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(四)——对controller.js的分析
2021SC@SDUSC目录简介计算滑动的方向计算两点之间的距离、确定两点的中心start事件处理move事件处理end事件处理click和cancel事件处理其他的一些简单函数总结简介本周主要研究了F2源代码中的controller.js文件内容,controller.js主要负责图形元素的移动等基本操作,是动画机制的基础。计算滑动的方向const calcDirection = (start, end) => { const xDis.
2021-10-24 22:11:03
130
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(三)——对animate.js文件的分析
2021SC@SDUSCplainArray()函数function plainArray(arr) { const result = []; for (let i = 0, len = arr.length; i < len; i++) { if (arr[i]) { result.push(arr[i].x); result.push(arr[i].y); } } return result;}传入一个数组类型变量,返回.
2021-10-17 19:13:48
427
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(二)——自定义动画
2021SC@SDUSC目录动画注册机制自定义动画机制总结动画注册机制一般通过动画注册机制来实现动画函数的复用。代码如下所示:// 加载动画注册类const Animate = require('@antv/f2/lib/animation/animate');/* @param {String} animationName 动画名称,用户可自定义 @param {Function} animationFun 动画执行函数 */Animate.regis.
2021-10-10 16:55:33
186
原创 2021SC@SDUSC“F2移动端可视化方案”源码分析(一)——项目综述
2021SC@SDUSC目录F2移动端可视化解决方案简介概述F2 v4.0架构F2的优点F2源码分析方式F2安装通过 npm 安装浏览器引入项目分工F2移动端可视化解决方案简介概述F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex),完备的图形语法理论,满足用户的各种可视化需求,专业的移动设计指引为用户带来最佳的移动端图表体验F2 同 G2 一样,基于《The Grammar of ..
2021-09-28 22:07:15
438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅