Picture presentation issues

PennController for IBEX Forums Support Picture presentation issues

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10877
    JunLyu
    Participant

    Hi Jeremy,

    I am conducting a picture-text verification experiment where people read comics and decide whether the target character’s speech matches the content/conversations of the pictures. If yes, they press “j”; otherwise, they press “f”. I find that when the pictures are displayed, the pictures are tilted to the right, not centered although the canvas is centered in the script with the “.center()” command.

    Ibex also gives me a warning “An element named isCorrect already exists–naming this one isCorrect-2”. I only have one isCorrect variable in my csv file. I am using the same template I’ve been using from another experiment which runs normally without warnings or picture issues (that one is here: https://farm.pcibex.net/r/lXNiKQ/).

    A demonstration link is here: https://farm.pcibex.net/r/QuuZyR/

    Could you please kindly take a look? Thanks!

    Jun

    #10931
    Jeremy
    Keymaster

    These issues were addressed in an email exchange. I report the suggested solution below:

    One solution is to keep the container of the Canvas element in the page flow with appropriate dimensions so that other elements will know how to be positioned relative to it, but position the Canvas element itself outside of the flow so as to be able to center it. Here is how to do it:

    newCanvas("myCanvas", 1240,520)
      .cssContainer("height","520px") // make sure the 520px are vertically occupied in the flow
      .css({position:'absolute',left:'50vw',transform:'translateX(-50%)'})
      .add("center at 50%", 0, getImage("image"))
      .center()
      .print()
      .log()

    Jeremy

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.