专栏首页黒之染开发日记【easeljs】矢量形状 Shape类

【easeljs】矢量形状 Shape类

类介绍

继承自 DisplayObject

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

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

代码例子:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【vscode插件】获取当前激活的编辑器及其信息详解

    selection.active 当前光标位置 Position 类型 如果有选中的文本,这里是被选择文本的最后,细心的你会发现,选择了文本后,光标也是会存在的...

    黒之染
  • mysql记录

    黒之染
  • 使用js的数据类型简单描述redis各个数据类型

    key:想在redis中创建任意数据都必须有一个名字,可以通过这个名字来操作这个数据,这篇说明里,这个名字被称为key

    黒之染
  • Android 二维码 生成和识别(附Demo源码)

    今天讲一下目前移动领域很常用的技术——二维码。现在大街小巷、各大网站都有二维码的踪迹,不管是IOS、Android、WP都有相关支持的软件。之前我就想了解二维码...

    战神伽罗
  • Oozie调度报错——ORA-00918:未明确定义列

    Oozie在执行sqoop的时候报错,同样的SQL在sqoop中可用,在oozie中不可用: Caused by: java.sql.SQLSyntaxErro...

    用户1154259
  • Eclipse中安装svn插件

    马克-to-win: 由于我的eclipse是写书时最新版本,eclipse4.7版本,所以我可以用Eclipse Marketplace来安装。具体操作:。。...

    马克java社区
  • 基础拾遗--【转】什么是长连接、短连接?

    什么是长连接,什么是短连接? 贴个经典的,看完了就应该没啥问题了 : TCP/IP通信程序设计的丰富多样性 刚接触TCP/IP通信设计的人根据范例可...

    小小科
  • php快速导入大量数据的实例方法

    第二种方法:使用事务提交,批量插入数据库(每隔10W条提交下)最后显示消耗的时间为:22:56:13 23:04:00 ,一共8分13秒 ,代码如下:

    砸漏
  • NDK 的开发流程

    1、NDK开发所需要的工具 windows   需要在windows下的环境 把c代码打包成 手机能用的函数库   首先模拟手机的环境 1 N...

    mukekeheart
  • UVM模型(三)之objection

    UVM模型(三)之objection ? 1.object与component不是两个对等的概念 uvm_object是UVM中最基本的类。 uvm_comp...

    瓜大三哥

扫码关注云+社区

领取腾讯云代金券