在createjs textAlign中造成命中区域未对齐

当我将文本设置为链接时，设置边界形状，并将命中区域设置为边界形状，如果textAlign ='center'，则我的命中区域关闭。有任何想法吗？在createjs textAlign中造成命中区域未对齐

var linkColor = "#0000ff"; 
var linkFont = "bold 14px Times"; 

var presentationLink = new createjs.Text("View Presentation", linkFont, linkColor); 
presentationLink.textAlign = "left"; 
presentationLink.maxWidth = 170; 
presentationLink.x = 300; 
presentationLink.y = 125; 
stage.addChild(presentationLink);

var plBounds = presentationLink.getTransformedBounds（）;

var s = new createjs.Shape().set({ x: plBounds.x, y: plBounds.y + plBounds.height }); 
s.graphics.s(linkColor).moveTo(0, 0).lineTo(plBounds.width, 0); 
stage.addChild(s); 

var hitAreaForPLink = new createjs.Shape(new createjs.Graphics().beginFill("#ffffff").drawRect(-10, -10, plBounds.width + 20, plBounds.height + 10)); 
presentationLink.hitArea = hitAreaForPLink; 

stage.enableMouseOver(); 

presentationLink.on("mouseover", function() { 
    presentationLink.cursor = "pointer"; 
});

来源

2015-09-25 Adam Alexander

顺便说一句，你不需要在mouseover上设置光标。这就是'cursor'的作用（设置一个将在鼠标悬停时应用的光标）。 – gskinner

hitArea根据其所有者的坐标系进行定位。也就是说，所有者的所有转换都适用于hitArea。这是如此，如果您要为所有者制作动画，hitArea会按预期进行跟踪。

由于转换已经应用，因此您需要使用getBounds而不是getTransformedBounds。看到这个例子：http://jsfiddle.net/gskinner/uagv5t84/2/

来源

2015-09-26 14:32:39 gskinner

谢谢，我会研究一下。我在使用HTML5 Canvas和createJS套件方面还很新。如果你是createjs的创造者，感谢你的所有工作。这是一个非常有用的工具！ –

在createjs textAlign中造成命中区域未对齐

回答

相关问题