|
var history = new Array();
|
var cStep = -1;
|
var ctest = 0;
|
|
var x, y, endX, endY;
|
//所有对象集合
|
var TagActivities = [];
|
//当前要绘制的
|
var Cur_sTagActivitie = [];
|
//当前要绘制的
|
var Cur_eTagActivitie = [];
|
//所用线集合
|
var Tagtransitions = [];
|
//当前要绘制的
|
var Cur_Tagtransition = [];
|
|
var activities = [];
|
var transitions = [];
|
//增加标注函数
|
function AddTagActivitiesTag() {
|
var sindex = ++cStep;
|
|
//Cur_sTagActivitie[0] = new HH.Libra.StartActivity({ 'id': sindex, 'position': { x: ex + 60, y: ey + 200 }, 'title': '' })
|
//TagActivities[sindex] = Cur_sTagActivitie;
|
|
var eindex = ++cStep;
|
//Cur_eTagActivitie[0] = new HH.Libra.Text({ 'id': eindex, 'position': { x: ex + 300, y: ex + 100 }, 'title': name });
|
//TagActivities[eindex] = Cur_eTagActivitie;
|
|
//Cur_Tagtransition[0] = new HH.Libra.Transition({ 'id': sindex + "-" + eindex, 'from': sindex, 'fromAngle': 0, 'to': eindex, 'toAngle': 0, 'title': '' });
|
//Tagtransitions.push(Cur_Tagtransition);
|
|
activities = [
|
new HH.Libra.StartActivity({ 'id': sindex, 'position': { x: 188, y: 160 }, 'title': ' ' }),
|
new HH.Libra.ManualActivity({ 'id': eindex, 'position': { x: 88, y: 66 }, 'title': '[请输入…]' })
|
];
|
|
transitions = [
|
new HH.Libra.Transition({ 'id': sindex + "-" + eindex, 'from': sindex, 'fromAngle': -5, 'to': eindex, 'toAngle': -1, 'title': '无条件' })
|
];
|
|
}
|
|
|
function GetRandomNum(Min, Max) {
|
var Range = Max - Min;
|
var Rand = Math.random();
|
return (Min + Math.round(Rand * Range));
|
}
|
|
//增加文本函数
|
function AddTextActivitiesTag(ex, ey, name) {
|
var eindex = ++cStep;
|
var obj = new HH.Libra.Text({ 'id': eindex, 'position': { x: ex + 300, y: ex + 100 }, 'title': name });
|
return obj;
|
|
}
|
|
var graph;
|
|
function requireInit() {
|
require([
|
'zrender',
|
'zrender/tool/color',
|
'zrender/Group',
|
'zrender/shape/Circle',
|
'zrender/shape/Rectangle',
|
'zrender/shape/Polygon',
|
'zrender/shape/Polyline',
|
'zrender/shape/Text',
|
'zrender/shape/Line',
|
'zrender/shape/Image'
|
],
|
function (zrender, color, Group, Circle, Rectangle, Polygon, Polyline, Text, Line, Image) {
|
// 初始化画板
|
var canvas = $('preview');
|
var createOptions = {
|
canvas: {
|
element: canvas
|
}
|
};
|
var type = {
|
zrender: zrender,
|
tool: {
|
color: color
|
},
|
Group: Group,
|
Shape: {
|
Rectangle: Rectangle,
|
Circle: Circle,
|
Polygon: Polygon,
|
Polyline: Polyline,
|
Text: Text,
|
Line: Line,
|
Image: Image
|
}
|
};
|
graph = new HH.Libra.Graph(type, createOptions);
|
|
LoadHotList();;//此处放置页面初始化时间实属无赖之举，因为必须在graph绘制后初始化，才能正常显示图片
|
initHot();//此处放置页面初始化时间实属无赖之举，因为必须在graph绘制后初始化，才能正常显示图片
|
|
|
//*********************
|
// graph.init("500", ""); //此处画布初始化，放在HotPictureEdit.cshtml页面加载水印信息函数中，因为初始化需要先获取大图宽度尺寸来初始化画布
|
//*********************
|
|
|
|
//1.增加标注
|
addTag = function () {
|
//graph.addActivity(AddTagActivitiesTag(20 + cStep, 30 + cStep, "tag-" + cStep));
|
//graph.init();
|
//graph.render();
|
//var activityObj = AddTagActivitiesTag(20 + cStep, 30 + cStep, "tag-" + cStep);
|
//graph.addActivity(activityObj);
|
//activityObj.addTo(graph);
|
AddTagActivitiesTag();
|
activities.each(function (activity) {
|
graph.addActivity(activity);
|
activity.addTo(graph);
|
});
|
transitions.each(function (transition) {
|
graph.addTransition(transition);
|
transition.addTo(graph);
|
});
|
///graph.init();
|
// graph.render();
|
|
|
|
}
|
|
//2.增加文本
|
addText = function (zrenderX, zrenderY) {
|
var img2 = document.getElementById('ImgPic2');
|
|
if (img2.src == "") {
|
parent.ShowMsg("请先上传热点图!");
|
return false;
|
}
|
|
var tagActivities = graph.getAllActivity();
|
//console.log(tagActivities);
|
var havecount = 0;
|
for (var key in tagActivities) {
|
if (tagActivities[key].object != null) {
|
if (parseInt(key) > havecount)
|
havecount = parseInt(key);
|
}
|
// havecount++;
|
}
|
var titleindex = havecount + 1;
|
var activityObj = new HH.Libra.Text({ 'id': titleindex, 'position': { x: zrenderX, y: zrenderY }, 'title': titleindex });
|
graph.addActivity(activityObj);
|
activityObj.addTo(graph);
|
changeRowColor(titleindex, 1);
|
}
|
|
//修改时，重绘热点位置
|
initText = function (id, posX, posY, note, desc) {
|
|
var activityObj = new HH.Libra.Text({ 'id': id, 'position': { x: posX, y: posY }, 'title': note + "$" + desc });
|
//var activityObj = new HH.Libra.Text({ 'id': id, 'position': { x: posX, y: posY }, 'title': note + "$" + desc, 'style': { color: colorFont, textFont: sizeFont + "px" + " " + nameFont + " ", brushType: "", textPosition: "", lineWidth: 0 } });
|
graph.addActivity(activityObj);
|
activityObj.addTo(graph);
|
|
//changeRowColor();
|
//ActivityObj.refresh(graph);
|
|
}
|
|
|
//3.增加图片
|
addImg = function (imgSrc) {
|
|
var img = new Image({
|
zlevel: 0,
|
style: {
|
x: 0,
|
y: 0,
|
image: imgSrc
|
},
|
draggable: false,
|
hoverable: false
|
});
|
graph.addShape(img);
|
}
|
|
//合成图片，获取base64流
|
getBase64 = function () {
|
var composePic = graph.GetImgUrl();
|
return composePic;
|
}
|
}
|
);
|
}
|
|
|
|
|
|
//function save() {
|
// TagActivities = graph.getAllActivity();
|
// for (var key in TagActivities) {
|
// alert("id=" + TagActivities[key].object.id + ";title=" + TagActivities[key].object.title + ";x=" + TagActivities[key].object.position.x + ";y=" + TagActivities[key].object.position.y);
|
// }
|
//}
|
|
//function showtoImage() {
|
// alert(type.zrender)
|
// type.zrender.ShowtoImage();
|
//}
|
