使用hightopo完成基本图元旋转和闪烁

1.完成矩形自转

假设矩形标签设置为 Rect，获取矩形元素

 var rect = window.graphView.getDataModel().getDataByTag("Rect");

设置旋转

setInterval(function() {var oldRotation = rect .getRotation();var newRotation = oldRotation + Math.PI / 30;node.setRotation(newRotation);        }, 50);

其中，getRotation()和setRotation(Math.PI/n)获取和设置图元的旋转角度，围绕中心点顺时针旋转。n越小，自转速度越快，n越大，自转速度越慢。

2.完成图元闪烁

以星星图元为例，假设星星图元标签设置为 Star，获取星星元素

 var Star = window.graphView.getDataModel().getDataByTag("Star");

设置闪烁
//先设置底层颜色

Star.setStyle('body.color', "yellow");

添加一个闪烁对象

blinkTask = {interval: 500,action: function(data){   if(data == "Star"){if(data.s('body.color') === 'yellow'){data.s('body.color', "skyblue");}else{data.s('body.color', 'yellow');}}          }        };
datamodel.addScheduleTask(blinkTask);

其中DataModel#addScheduleTask(task)添加调度任务，其中task为json对象，如上例中的blinkTask 对象，可指定如下属性：
interval：间隔毫秒数，默认值为10
enabled：是否启用开关，默认为true
beforeAction：调度开始之前的动作函数
action：间隔动作函数，对DataModel上的每个data节点都会执行一次action操作
afterAction：调度结束之后的调度函数

DataModel#removeScheduleTask(task)删除调度任务，其中task为以前添加过的调度任务对象。

效果图：

使用hightopo完成基本图元旋转和闪烁相关推荐

QGraphicsItem图元旋转缩放和自定义图元（三）
系列文章目录 QGraphicsItem图元的简单使用(一) QGraphicsItem图元拖动绘制(二) 文章目录系列文章目录前言一.缩放和旋转二.自定义图元总结前言接上一章,图元绘制 ...
“熊猫视图”.Net图形控件功能介绍 [十六]：图元旋转
"熊猫视图"支持图形元素的旋转操作.默认锚点在图元中心位置.
基于QT实现的图元拖曳、定点滚轮旋转和缩放
基于QT实现的图元拖曳.定点滚轮旋转和缩放可视化锚点的演示资源下载地址:https://download.csdn.net/download/sheziqiong/85745901 资源下载地址:h ...
cesium如何设置Primitive旋转
Cesium是一款用于创建可交互地理信息系统 (GIS) 的 JavaScript 库.在 Cesium 中,可以使用几何图形 (geometry) 和外观 (appearance) 创建图元 (pr ...
QGraphicsItem图元坐标和在场景中的坐标（六）
系列文章目录 QGraphicsItem图元的简单使用(一) QGraphicsItem图元拖动绘制(二) QGraphicsItem图元旋转缩放和自定义图元(三) QGraphicsItem鼠标拖动 ...
cocos2d 解密ccbi_cocos2d-x高级学习
弱联网开发技术: libcurl 添加lib文件:libcurl_imp.lib pthreadVCE2.lib 添加头文件:#include"curl/curl.h" curl ...
mapgis编辑属性结构编辑不了_MapGIS67操作手册(3-17)MapGIS67编辑线属性结构的方法...
下面我们给每条河流,添加对应的名称属性,如黄河.长江等. 1. 单击"线编辑"菜单下"参数编辑"下的"修改线属性"命令,如下图所示: 2. ...
【Cocos2d入门教程五】Cocos2d-x动作篇
动作类(Action)是所有动作的基类,它创建的一个对象代表一个动作.动作作用于Node,包括继承于之下的Layer.Sprite.因此每个动作都需要由Node对象或者其继承者执行.动作类(Acti ...
cocos2d笔记（4）cocos2d里的各种动作
通常调用某个动作的方法: // 创建动作id actionTo = [CCMoveTo actionWithDuration: 2 position:ccp(s.width-40, s.height ...
cocos2dx 常见的22种特效 3D特效
//3D晃动的特效 // CCActionInterval* shaky3D = CCShaky3D::create(5, CCSize(10, 10), 15, false); // sp-> ...

使用hightopo完成基本图元旋转和闪烁

使用hightopo完成基本图元旋转和闪烁相关推荐

最新文章

热门文章