前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【easeljs】矢量形状 Shape类

【easeljs】矢量形状 Shape类

作者头像
黒之染
发布2018-10-19 14:31:45
8760
发布2018-10-19 14:31:45
举报
文章被收录于专栏:黒之染开发日记

类介绍

继承自 DisplayObject

一个Shape(形状)允许你在显示列表中显示矢量图。它包含一个带有所有绘制矢量图形的方法的Graphics(图形)实例。Graphics实例可以在多个Shape实例之间共享,以做到一样的矢量图形在画布上有多个不同位置和不同变形的复制。

如果这个矢量图在之后的绘制中不会改变样子,你可以使用cache方法把它缓存起来,以减少再次渲染时的性能花销。

代码例子:

代码语言:javascript
复制
var graphics = new createjs.Graphics().beginFill("#ff0000").drawRect(0, 0, 100, 100);
var shape = new createjs.Shape(graphics);

//也可以使用Shape的graphics属性绘制出与上面一样的效果
var shape = new createjs.Shape();
shape.graphics.beginFill("#ff0000").drawRect(0, 0, 100, 100);

方法

addEventListener

给形状加事件侦听器,不知道为什么不用jq惯用的on来命名。

cache

缓存形状

clone

克隆

dispatchEvent

draw

getBounds

getCacheDataURL

getConcatenatedDisplayProps

getConcatenatedMatrix

getMatrix

getTransformedBounds

globalToLocal

hasEventListener

判断是否有指定的事件侦听

hitTest

碰撞检测

isVisible

是否正在显示

localToGlobal

坐标转换-从局部到全局 坐标转换对没有做过游戏的人,或者没有做过嵌套显示物体的人来说可能不知道用来干嘛。这有个例子:如果舞台的坐标系原点在左上角,向右和下是正,舞台正中央又有一个小场景,这个小场景内的物体是要跟着场景做变形,旋转等操作的,所以这个小场景内的物体最好是相对于小场景来定位,也就是说小场景里面的物体都使用小场景的坐标系(相当于css中position: absolute;)。这时,如果有个需求是需要判断鼠标指针在哪个物体上时,就出问题了。因为鼠标指针的坐标是相对于舞台的,而物体的坐标是相对于小场景的,在小场景中的物体坐标即使是0,0,也不是显示在舞台原点,而是显示在小场景的原点,这时候就要用到坐标转换了。

localToLocal

坐标转换-从局部到局部

off

on

removeAllEventListeners

removeEventListener

set

setBounds

setTransform

toString

uncache

updateCache

updateContext

willTrigger

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 类介绍
  • 方法
    • addEventListener
      • cache
        • clone
          • dispatchEvent
            • draw
              • getBounds
                • getCacheDataURL
                  • getConcatenatedDisplayProps
                    • getConcatenatedMatrix
                      • getMatrix
                        • getTransformedBounds
                          • globalToLocal
                            • hasEventListener
                              • hitTest
                                • isVisible
                                  • localToGlobal
                                    • localToLocal
                                      • off
                                        • on
                                          • removeAllEventListeners
                                            • removeEventListener
                                              • set
                                                • setBounds
                                                  • setTransform
                                                    • toString
                                                      • uncache
                                                        • updateCache
                                                          • updateContext
                                                            • willTrigger
                                                            领券
                                                            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档