{
  "graphics_states": [
    {
      "name": "half",
      "state": {
        "fill_alpha": 0.5
      }
    },
    {
      "name": "Normal",
      "state": {
        "blend_mode": "normal"
      }
    },
    {
      "name": "Multiply",
      "state": {
        "blend_mode": "multiply"
      }
    },
    {
      "name": "Screen",
      "state": {
        "blend_mode": "screen"
      }
    },
    {
      "name": "Difference",
      "state": {
        "blend_mode": "difference"
      }
    },
    {
      "name": "knocked out",
      "state": {
        "fill_alpha": 0.5,
        "text_knockout": true
      }
    },
    {
      "name": "composited",
      "state": {
        "fill_alpha": 0.5,
        "text_knockout": false
      }
    }
  ],
  "items": [
    {
      "type": "text",
      "rect": {
        "llx": 80.0,
        "lly": 710.4,
        "urx": 480.0,
        "ury": 720.0
      },
      "content": [
        "Half-opacity fills overlap and mix."
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 80.0,
        "lly": 590.0,
        "urx": 170.0,
        "ury": 680.0
      },
      "fill": [
        0.85,
        0.15,
        0.15
      ],
      "graphics_state": "half"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 110.0,
        "lly": 590.0,
        "urx": 200.0,
        "ury": 680.0
      },
      "fill": [
        0.15,
        0.65,
        0.2
      ],
      "graphics_state": "half"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 140.0,
        "lly": 590.0,
        "urx": 230.0,
        "ury": 680.0
      },
      "fill": [
        0.15,
        0.3,
        0.85
      ],
      "graphics_state": "half"
    },
    {
      "type": "text",
      "rect": {
        "llx": 80.0,
        "lly": 510.4,
        "urx": 480.0,
        "ury": 520.0
      },
      "content": [
        "One orange square over a blue bar, in four blend modes."
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 80.0,
        "lly": 380.0,
        "urx": 160.0,
        "ury": 460.0
      },
      "fill": [
        0.15,
        0.35,
        0.8
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 100.0,
        "lly": 360.0,
        "urx": 180.0,
        "ury": 440.0
      },
      "fill": [
        0.95,
        0.55,
        0.1
      ],
      "graphics_state": "Normal"
    },
    {
      "type": "text",
      "rect": {
        "llx": 80.0,
        "lly": 340.4,
        "urx": 480.0,
        "ury": 350.0
      },
      "content": [
        "Normal"
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 180.0,
        "lly": 380.0,
        "urx": 260.0,
        "ury": 460.0
      },
      "fill": [
        0.15,
        0.35,
        0.8
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 200.0,
        "lly": 360.0,
        "urx": 280.0,
        "ury": 440.0
      },
      "fill": [
        0.95,
        0.55,
        0.1
      ],
      "graphics_state": "Multiply"
    },
    {
      "type": "text",
      "rect": {
        "llx": 180.0,
        "lly": 340.4,
        "urx": 580.0,
        "ury": 350.0
      },
      "content": [
        "Multiply"
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 280.0,
        "lly": 380.0,
        "urx": 360.0,
        "ury": 460.0
      },
      "fill": [
        0.15,
        0.35,
        0.8
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 300.0,
        "lly": 360.0,
        "urx": 380.0,
        "ury": 440.0
      },
      "fill": [
        0.95,
        0.55,
        0.1
      ],
      "graphics_state": "Screen"
    },
    {
      "type": "text",
      "rect": {
        "llx": 280.0,
        "lly": 340.4,
        "urx": 680.0,
        "ury": 350.0
      },
      "content": [
        "Screen"
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 380.0,
        "lly": 380.0,
        "urx": 460.0,
        "ury": 460.0
      },
      "fill": [
        0.15,
        0.35,
        0.8
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 400.0,
        "lly": 360.0,
        "urx": 480.0,
        "ury": 440.0
      },
      "fill": [
        0.95,
        0.55,
        0.1
      ],
      "graphics_state": "Difference"
    },
    {
      "type": "text",
      "rect": {
        "llx": 380.0,
        "lly": 340.4,
        "urx": 780.0,
        "ury": 350.0
      },
      "content": [
        "Difference"
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "text",
      "rect": {
        "llx": 80.0,
        "lly": 280.8,
        "urx": 480.0,
        "ury": 300.0
      },
      "content": [
        "Overlapping letters at half opacity: knocked out on the left, composited with one another on the right."
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "text",
      "rect": {
        "llx": 80.0,
        "lly": 222.4,
        "urx": 280.0,
        "ury": 280.0
      },
      "content": [
        "O̸O̸O̸O̸"
      ],
      "font": "DejaVuSans",
      "font_size": 48.0,
      "color": [
        0.15,
        0.3,
        0.85
      ],
      "graphics_state": "knocked out"
    },
    {
      "type": "text",
      "rect": {
        "llx": 80.0,
        "lly": 200.4,
        "urx": 480.0,
        "ury": 210.0
      },
      "content": [
        "TK true"
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    },
    {
      "type": "text",
      "rect": {
        "llx": 280.0,
        "lly": 222.4,
        "urx": 480.0,
        "ury": 280.0
      },
      "content": [
        "O̸O̸O̸O̸"
      ],
      "font": "DejaVuSans",
      "font_size": 48.0,
      "color": [
        0.15,
        0.3,
        0.85
      ],
      "graphics_state": "composited"
    },
    {
      "type": "text",
      "rect": {
        "llx": 280.0,
        "lly": 200.4,
        "urx": 680.0,
        "ury": 210.0
      },
      "content": [
        "TK false"
      ],
      "font": "DejaVuSans",
      "font_size": 8.0
    }
  ]
}