【easeljs】显示位图 Bitmap 类

类介绍

继承自 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");

注意:

  1. 传入一个字符串路径或者一个未加载的img标签时,添加到stage后,在它显示之前,可能需要一直尝试重新绘制stage
  2. 如果直接是一个SVG 资源,Bitmaps将不会访问alpha值,除非是0或者1。为绕过这一点,可以缓存Bitmap
  3. 带有SVG的Bitmaps会用跨源(cross-origin)数据感染(taint)canvas,从而阻止交互性。这个现象除了较新的builds版火狐之外,所有浏览器都存在。
  4. 当使用鼠标交互,函数(如getObjectUnderPoint)、或者使用滤镜(filters)、或者正在缓存时,跨源加载图像会抛出跨源安全警告。你可以在把图像传给EaselJS前在图像上设置crossOrigin标识绕过它,例如:img.crossOrigin="Anonymous";

构造函数 Constructor

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏三流程序员的挣扎

RecyclerView 使用总结

自定义类继承 RecyclerView.ItemDecoration,重写回调方法

31020
来自专栏吾爱乐享

php学习之html的标签属性(二)

15320
来自专栏林德熙的博客

win10 uwp 分治法

算法涉及到了一个平面几何的知识。就是三角形p1p2p3的面积等于以下行列式的二分之一: % <![CDATA[ \begin{array}{cccc} | ...

8610
来自专栏搞前端的李蚊子

在echarts3中使用字符云

echarts2的官方API里是带有字符云的,但到了echarts3就被从官网上移除了,想要使用的话可以从github上下载: 下载地址:https://git...

741110
来自专栏码神联盟

碎片化 | 第四阶段-41-struts2字节流生成验证码-视频

如清晰度低,可转PC网页观看高清版本: http://v.qq.com/x/page/r056700jckx.html 验证码实现 需求: 在登录的页面,增...

29790
来自专栏java架构师

C#对图片文件的压缩、裁剪操作初探

在做项目时,对图片的处理,以前都采用在上传时,限制其大小的方式,这样带来诸多不便。毕竟网站运维人员不一定会对图片做处理,经常超出大小限制,即使会使用图片处理软件...

33560
来自专栏前端说吧

JS-抽奖系统-实现原理

1.2K40
来自专栏hightopo

HT for Web基于HTML5的图像操作(一)

18020
来自专栏小灰灰

cocos2dx-v3.4 2048(四):游戏逻辑的设计与实现

前言 ---- 2048的游戏逻辑比较简单,向四个方向移动单元格,若相邻的单元格数字相同,则合并成一个新的单元格,且数字为之前的两倍;若不同,则移动到目的方向上...

40760
来自专栏HT

HT for Web基于HTML5的图像操作(一)

HT for Web独创的矢量图片设计架构,使其具有强大丰富的动态图形呈现能力,但从最近热议的“Adobe Photoshop 是否已经过时?”的话题,大家能体...

34490

扫码关注云+社区

领取腾讯云代金券