penframe/examples/ast_hr_test.json

A lightweight DSL-based wireframe and UI structure visualization tool.

[
  {
    "type": "config",
    "name": "app",
    "platform": "pc",
    "width": 800,
    "height": 600,
    "scale": 1,
    "title": "HR Test"
  },
  {
    "type": "headline",
    "value": "水平線のテスト",
    "level": 1
  },
  {
    "type": "paragraph",
    "value": "デフォルトの水平線:"
  },
  {
    "type": "hr"
  },
  {
    "type": "paragraph",
    "value": "カスタマイズされた水平線:"
  },
  {
    "type": "hr",
    "color": "#ff0000",
    "strokeWidth": 3,
    "width": 400
  },
  {
    "type": "paragraph",
    "value": "位置を指定した水平線:"
  },
  {
    "type": "hr",
    "x": 100,
    "y": 300,
    "color": "#0066cc",
    "strokeWidth": 2,
    "width": 300
  },
  {
    "type": "paragraph",
    "value": "細い灰色の線:"
  },
  {
    "type": "hr",
    "color": "#888888",
    "strokeWidth": 0.5
  }
]