资讯专栏INFORMATION COLUMN

【easeljs】显示位图 Bitmap 类

elarity / 1378人阅读

摘要:类介绍继承自一个对象绘制一个在显示列表中的图像,或者视频。带有的会用跨源数据感染,从而阻止交互性。你可以在把图像传给前在图像上设置标识绕过它,例如构造函数参数要显示的图像的资源对象,或者是它的。

类介绍

继承自 DisplayObject

A Bitmap represents an Image, Canvas, or Video in the display list. A Bitmap can be instantiated using an existing HTML element, or a string.
一个Bitmap对象绘制一个在显示列表中的图像、canvas,或者视频。可以使用一个存在的html元素或者一个字符串来实例化一个Bitmap对象

 var bitmap = new createjs.Bitmap("imagePath.jpg");
 

注意:

传入一个字符串路径或者一个未加载的img标签时,添加到stage后,在它显示之前,可能需要一直尝试重新绘制stage

如果直接是一个SVG 资源,Bitmaps将不会访问alpha值,除非是0或者1。为绕过这一点,可以缓存Bitmap

带有SVG的Bitmaps会用跨源(cross-origin)数据感染(taint)canvas,从而阻止交互性。这个现象除了较新的builds版火狐之外,所有浏览器都存在。

当使用鼠标交互,函数(如getObjectUnderPoint)、或者使用滤镜(filters)、或者正在缓存时,跨源加载图像会抛出跨源安全警告。你可以在把图像传给EaselJS前在图像上设置crossOrigin标识绕过它,例如:img.crossOrigin="Anonymous";

构造函数 Constructor

Bitmap ( imageOrUri )
参数:
imageOrUri HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String
要显示的图像的资源对象,或者是它的URI。可以是一个image、canvas或者视频对象,或者是一个url字符串。如果是一个URI,会创建一个新的image对象和将被指定到此实例的 image 属性。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78571.html

相关文章

  • easeljs】矢量绘图工具 Graphics

    摘要:类介绍类公开了一个易于使用的,用于生成矢量图和把它们绘制到指定的内容里的。注意,你可以不需要依赖框架,通过直接调用来使用。或者它也可以和对象一起,用于在显示列表中绘制矢量图形。最后创建的可以通过访问之后更新填充颜色或者把它的填充改成一个位图 类介绍 Graphics类公开了一个易于使用的,用于生成矢量图和把它们绘制到指定的内容里的API。注意,你可以不需要依赖EaselJS框架,通过直...

    刘玉平 评论0 收藏0
  • CreateJS入门 -- 注释详细到爆炸(My Style)

    摘要:以后所有的文章都会第一时间更新到这里,然后同步到其他平台。获取画布的宽和高,后面计算使用定义静态资源人物动作雪碧图天空地面远山近山创建资源加载队列用还是用标签来加载如果是的时候,就用标签来加载,如果不能用标签的话,就用来加载。 写在前面 首先,还是谢谢大家的支持,谢谢!记得在之前的文章中我说过自己算是一个半文艺程序员,也一直想着写一写技术性和其他偏文学性的文章。虽然自己的底子没有多么优...

    Render 评论0 收藏0
  • CreateJS入门 -- 注释详细到爆炸(My Style)

    摘要:以后所有的文章都会第一时间更新到这里,然后同步到其他平台。获取画布的宽和高,后面计算使用定义静态资源人物动作雪碧图天空地面远山近山创建资源加载队列用还是用标签来加载如果是的时候,就用标签来加载,如果不能用标签的话,就用来加载。 写在前面 首先,还是谢谢大家的支持,谢谢!记得在之前的文章中我说过自己算是一个半文艺程序员,也一直想着写一写技术性和其他偏文学性的文章。虽然自己的底子没有多么优...

    liangdas 评论0 收藏0

发表评论

0条评论

elarity

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<