CornerstoneImageRendered Event 图像渲染事件

每当图像被cornerstone重新绘制时,将发出CornerstoneImageRendered事件调用。这个事件包括可以使用HTML5 canvas上下文(例如几何图形或文本)在图像上绘制的信息。你也可以更新HTML覆盖与各种视口属性,如窗口宽度,窗口级别和缩放。

事件属性:

  • canvasContext 画布上下文- 这幅图像的画布上下文。请注意,在绘制到上下文属性之前,应该重置上下文属性(参见下面)
  • renderTimeInMs - 在中渲染图像所花费的时间(毫秒)。主要用于支持优化等开发任务
  • viewport - 图像的当前视图属性
  • element - 为此图像启用enabled的DOM元素
  • image - image object 图像对象
  • enabledElement - 不应该使用的内部数据结构

注意: Cornerstone使用通用DOM事件机制发出这个事件。由于画布上下文是作为此事件的一部分提供的,并且可能有多个侦听器,因此侦听器可以将画布上下文的状态保持在意外状态(例如缩放、转换、线条颜色等)。因此,谨慎的做法是显式地在事件处理程序中设置画布上下文状态。一种方法是调用setToPixelCoordinateSystem()来在画布上下文中绘制之前重置转换矩阵。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1 11
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,615评论 8 265
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,144评论 1 32
  •   HTML5 添加的最受欢迎的功能就是 元素。这个元素负责在页面中设定一个区域,然后就可以通过 JavaScri...
    霜天晓阅读 3,069评论 0 2
  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 4,719评论 2 32