增加淘宝群内容,修改部分文件组织
此提交包含在:
@@ -0,0 +1,210 @@
|
||||
// Copyright 2011 David Galles, University of San Francisco. All rights reserved.
|
||||
//
|
||||
// Redistribution and use in source and binary forms, with or without modification, are
|
||||
// permitted provided that the following conditions are met:
|
||||
//
|
||||
// 1. Redistributions of source code must retain the above copyright notice, this list of
|
||||
// conditions and the following disclaimer.
|
||||
//
|
||||
// 2. Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
// of conditions and the following disclaimer in the documentation and/or other materials
|
||||
// provided with the distribution.
|
||||
//
|
||||
// THIS SOFTWARE IS PROVIDED BY <COPYRIGHT HOLDER> ``AS IS'' AND ANY EXPRESS OR IMPLIED
|
||||
// WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
|
||||
// FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR
|
||||
// CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
||||
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
||||
// SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
|
||||
// ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
// NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
|
||||
// ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
//
|
||||
// The views and conclusions contained in the software and documentation are those of the
|
||||
// authors and should not be interpreted as representing official policies, either expressed
|
||||
// or implied, of the University of San Francisco
|
||||
|
||||
|
||||
var AnimatedCircle = function(objectID, objectLabel)
|
||||
{
|
||||
this.objectID = objectID;
|
||||
this.label = objectLabel;
|
||||
this.radius = 20;
|
||||
this.thickness = 3;
|
||||
this.x = 0;
|
||||
this.y = 0;
|
||||
this.alpha = 1.0;
|
||||
this.addedToScene = true;
|
||||
this.highlightIndex = -1;
|
||||
/* this.foregroundColor = '#007700';
|
||||
this.backgroundColor = '#EEFFEE';
|
||||
*/
|
||||
}
|
||||
|
||||
AnimatedCircle.prototype = new AnimatedObject();
|
||||
AnimatedCircle.prototype.constructor = AnimatedCircle;
|
||||
|
||||
AnimatedCircle.prototype.getTailPointerAttachPos = function(fromX, fromY, anchorPoint)
|
||||
{
|
||||
return this.getHeadPointerAttachPos(fromX, fromY);
|
||||
}
|
||||
|
||||
|
||||
AnimatedCircle.prototype.getWidth = function()
|
||||
{
|
||||
return this.radius * 2;
|
||||
}
|
||||
|
||||
AnimatedObject.prototype.setWidth = function(newWidth)
|
||||
{
|
||||
this.radius = newWidth / 2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
AnimatedCircle.prototype.getHeadPointerAttachPos = function(fromX, fromY)
|
||||
{
|
||||
var xVec = fromX - this.x;
|
||||
var yVec = fromY - this.y;
|
||||
var len = Math.sqrt(xVec * xVec + yVec*yVec);
|
||||
if (len == 0)
|
||||
{
|
||||
return [this.x, this.y];
|
||||
}
|
||||
return [this.x+(xVec/len)*(this.radius), this.y +(yVec/len)*(this.radius)];
|
||||
}
|
||||
|
||||
|
||||
AnimatedCircle.prototype.setHighlightIndex = function(hlIndex)
|
||||
{
|
||||
this.highlightIndex = hlIndex;
|
||||
this.highlightIndexDirty = true;
|
||||
|
||||
}
|
||||
|
||||
AnimatedCircle.prototype.draw = function(ctx)
|
||||
{
|
||||
ctx.globalAlpha = this.alpha;
|
||||
|
||||
if (this.highlighted)
|
||||
{
|
||||
ctx.fillStyle = "#ff0000";
|
||||
ctx.beginPath();
|
||||
ctx.arc(this.x,this.y,this.radius + this.highlightDiff,0,Math.PI*2, true);
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
}
|
||||
|
||||
|
||||
ctx.fillStyle = this.backgroundColor;
|
||||
ctx.strokeStyle = this.foregroundColor;
|
||||
ctx.lineWidth = 1;
|
||||
ctx.beginPath();
|
||||
ctx.arc(this.x,this.y,this.radius,0,Math.PI*2, true);
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
ctx.stroke();
|
||||
ctx.textAlign = 'center';
|
||||
ctx.font = '16px Consolas';
|
||||
ctx.textBaseline = 'middle';
|
||||
ctx.lineWidth = 1;
|
||||
ctx.fillStyle = this.foregroundColor;
|
||||
|
||||
var strList = this.label.split("\n");
|
||||
if (strList.length == 1)
|
||||
{
|
||||
if (this.highlightIndexDirty && this.highlightIndex != -1)
|
||||
{
|
||||
this.leftWidth = ctx.measureText(this.label.substring(0,this.highlightIndex)).width;
|
||||
this.centerWidth = ctx.measureText(this.label.substring(this.highlightIndex, this.highlightIndex+1)).width;
|
||||
this.textWidth = ctx.measureText(this.label).width;
|
||||
this.highlightIndexDirty = false;
|
||||
}
|
||||
if (this.highlightIndex != -1 && this.highlightIndex < this.label.length) //this.highlghtIndex < this.label.length)
|
||||
{
|
||||
var startingXForHighlight = this.x - this.textWidth / 2;
|
||||
ctx.textAlign = 'left';
|
||||
var leftStr = this.label.substring(0, this.highlightIndex);
|
||||
var highlightStr = this.label.substring(this.highlightIndex, this.highlightIndex + 1)
|
||||
var rightStr = this.label.substring(this.highlightIndex + 1)
|
||||
ctx.fillText(leftStr, startingXForHighlight, this.y)
|
||||
ctx.strokeStyle = "#FF0000";
|
||||
ctx.fillStyle = "#FF0000";
|
||||
ctx.fillText(highlightStr, startingXForHighlight + this.leftWidth, this.y)
|
||||
|
||||
|
||||
ctx.strokeStyle = this.labelColor;
|
||||
ctx.fillStyle = this.labelColor;
|
||||
ctx.fillText(rightStr, startingXForHighlight + this.leftWidth + this.centerWidth, this.y)
|
||||
|
||||
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
ctx.fillText(this.label, this.x, this.y);
|
||||
}
|
||||
}
|
||||
else if (strList.length % 2 == 0)
|
||||
{
|
||||
var i;
|
||||
var mid = strList.length / 2;
|
||||
for (i = 0; i < strList.length / 2; i++)
|
||||
{
|
||||
ctx.fillText(strList[mid - i - 1], this.x, this.y - (i + 0.5) * 12);
|
||||
ctx.fillText(strList[mid + i], this.x, this.y + (i + 0.5) * 12);
|
||||
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
var mid = (strList.length - 1) / 2;
|
||||
var i;
|
||||
ctx.fillText(strList[mid], this.x, this.y);
|
||||
for (i = 0; i < mid; i++)
|
||||
{
|
||||
ctx.fillText(strList[mid - (i + 1)], this.x, this.y - (i + 1) * 12);
|
||||
ctx.fillText(strList[mid + (i + 1)], this.x, this.y + (i + 1) * 12);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
AnimatedCircle.prototype.createUndoDelete = function()
|
||||
{
|
||||
return new UndoDeleteCircle(this.objectID, this.label, this.x, this.y, this.foregroundColor, this.backgroundColor, this.layer, this.radius);
|
||||
}
|
||||
|
||||
|
||||
function UndoDeleteCircle(id, lab, x, y, foregroundColor, backgroundColor, l, radius)
|
||||
{
|
||||
this.objectID = id;
|
||||
this.posX = x;
|
||||
this.posY = y;
|
||||
this.nodeLabel = lab;
|
||||
this.fgColor = foregroundColor;
|
||||
this.bgColor = backgroundColor;
|
||||
this.layer = l;
|
||||
this.radius = radius;
|
||||
}
|
||||
|
||||
UndoDeleteCircle.prototype = new UndoBlock();
|
||||
UndoDeleteCircle.prototype.constructor = UndoDeleteCircle;
|
||||
|
||||
UndoDeleteCircle.prototype.undoInitialStep = function(world)
|
||||
{
|
||||
world.addCircleObject(this.objectID, this.nodeLabel);
|
||||
world.setWidth(this.objectID, this.radius * 2);
|
||||
world.setNodePosition(this.objectID, this.posX, this.posY);
|
||||
world.setForegroundColor(this.objectID, this.fgColor);
|
||||
world.setBackgroundColor(this.objectID, this.bgColor);
|
||||
world.setLayer(this.objectID, this.layer);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
新增問題並參考
封鎖使用者