将flash信息框转换为html5画布形状的坐标?

时间:2013-09-10 15:54:01

标签: html5 flash canvas coordinate-transformation

我正在尝试重新创建一些在圆形符号上翻转时出现的闪光形状。我需要将flash x和y点转换为画布坐标网格。我想出了如何转换圆坐标点。但是,我为翻转时出现的形状提供的信息对我来说毫无意义。

例如,采取此翻转点,其中尺寸指的是注册点(左上角的小十字):

Rollover point

x = 532.30 y = 30.35 w / h = 19.80

但基于此,我在滚动时出现的矩形信息毫无意义:

rollover rectange

x = -7.30 y = 17.30 w = 29.0 h = 16.5

我认为这意味着矩形的左上角位于左侧7.30像素,距离圆圈的注册点下方17.30像素。是对的吗?这些x和y坐标的来源是什么?

但宽度和高度对我来说完全令人困惑。给定的宽度是29.0,但这不是正确的。如果我只使用我的光标获得x和y坐标,则清楚矩形比这宽得多:

width 1 width2

564 - 521 = 43

43!= 29

请帮助我理解我正在为这个矩形呈现的神秘信息框。我只需要为它获得一些香草坐标,这样我就可以在HTML5画布上绘制它。

1 个答案:

答案 0 :(得分:1)

  

这些x和y坐标的来源是什么?

这些x和y坐标基于 tab 按钮的注册点。

  

43!= 29

在舞台上处理符号时,您使用的符号不是实际的原始库符号。它们是可以通过缩放它们,应用颜色和不透明效果以及......来操作的副本。

标签按钮的实例已缩放,如果您打开库面板并编辑标签符号,则可以看到实际尺寸。


<强>更新

enter image description here enter image description here

将标签按钮的宽度和高度更改为19.80后: enter image description here enter image description here

29 *(150/100)= 43.5