Label-studio: [BUG] RectangleLabels fail after rotating the image

[thesby]

version: 0.9.1.post1
browser: chrome 88.0.4324.146
OS: MacOS Mojave 10.14.5

RectangleLabels cannot draw rectangle on right position after rotating the image.

[makseq]

@thesby Could you provide more details? I've checked the rotation here and it works well.

[thesby]

Image classification is the base template of my project. After rotating the image, I cannot draw rectangle on some positions.

<View style="display: flex;">
    <View style="width: 400px; padding-left: 1em; margin-right: 1em; background: #f1f1f1; border-radius: 3px;">
        <View style="box-shadow: 2px 2px 5px #999;
                    padding: 5px; margin: 5px;
                    border-radius: 5px;">
            <Header value="classes"/>
            <Choices name="choice" toName="image" showInLine="true" required="true">
                <Choice value="class1" background="blue"/>
                <Choice value="class2" background="green" />
                <Choice value="class3" background="blue"/>
                <Choice value="class4" background="green" />
            </Choices>
        </View>

        <View style="box-shadow: 2px 2px 5px #999;
                    padding: 5px; margin: 5px;
                    border-radius: 5px;">
            <Header value="categories"/>
            <Choices name="reason_choice" toName="image" showInLine="false">
                <Choice value="no problem" background="blue"/>
                <Choice value="others" background="blue"/>
            </Choices>
        </View>
        <RectangleLabels name="label" toName="image">
            <Label value="Area" background="green"/>
        </RectangleLabels>
    </View>

    <View>
        <Image name="image" value="$image_url" maxWidth="1440px"
                zoom="true" zoomControl="true" rotateControl="true"/>
    </View>
</View>

[thesby]

Another problem is that the rotated image will disappear if I use display: flex

[xuchenCN]

Hi @nicholasrq

Here is a problem while using rotationControl.

<View>
  <Image name="image" value="$image" rotateControl="true"/>
  <RectangleLabels name="label" toName="image">
    <Label value="Airplane" background="green"/>
    <Label value="Car" background="blue"/>
  </RectangleLabels>
</View>

Draw a rectangle

Rotate Left

[nicholasrq]

hey @xuchenCN

what LS version you're using? we fixed this issue in 1.0.2 recently

[xuchenCN]

hey @xuchenCN

what LS version you're using? we fixed this issue in 1.0.2 recently

Thanks @nicholasrq
Build LSF from master branch, image and bbox are rotating expected.
But the image zoom without height limition it seems a bit weird, why it dosen't haveheight and maxHeight in image tag

[makseq]

This bug was fixed in release/1.1.0. Feel free to reopen if you have this problem again.