ImageBox

ImageBox是Gesti内重要的组件之一，其功能是在画布上显示图片。

Example

Methods(方法)

方法类型描述
constructor(xImage: XImage)构造函数，接受一个XImage对象作为参数。
replaceXImage(xImage: XImage) => void替换图片方法，传入一个新的XImage对象进行替换。替换后的图片会继承被替换图片的缩放比例。

替换图片 replaceXImage

替换图片这一操作在ImageBox上很容易操作，你需要按照以下步骤完成:

  • 新建一个合法的XImage对象。
  • 使用上述replaceXImage方法替换

以下是伪代码


    const imageBox=new ImageBox(xImage);
     //执行替换图片操作
    const handleReplaceXImage=()=>{
        const newXImage=new XImage({...其他属性});
        imageBox.replaceXImage(newXImage);
    }
    handleReplaceXImage();

替换图片不需要controller的介入，它只是将imageBox的图片元数据对象通过replaceXImage方法换成另外一个对象。