idraw/examples/renderer/lib/data/circle.js

const data = {
  // bgColor: '#ffffff',
  elements: [
    {
      name: "circle-001",
      x: 10,
      y: 10,
      w: 100,
      h: 100,
      type: "circle",
      desc: {
        bgColor: "#f0f0f0",
        borderWidth: 2,
        borderColor: '#999999',

        shadowColor: '#03a9f4',
        // shadowColor: '#000000',
        shadowOffsetX: 2,
        shadowOffsetY: 2,
        shadowBlur: 2,
      },
    },
    {
      name: "circle-002",
      x: 100,
      y: 80,
      w: 200,
      h: 100,
      angle: 30,
      type: "circle",
      desc: {
        bgColor: "#f0f0f0",
        borderWidth: 2,
        borderColor: '#666666',
        
      },
    },
    {
      name: "circle-003",
      x: 200,
      y: 200,
      w: 200,
      h: 100,
      type: "circle",
      angle: 0,
      desc: {
        bgColor: "#f0f0f0",
        borderWidth: 2,
        borderColor: '#666666'
      },
    },
    {
      name: "circle-004",
      x: 220,
      y: 80,
      w: 300,
      h: 300,
      type: "circle",
      desc: {
        // bgColor: "#f0f0f0",
        bgColor: "#000000",
        borderWidth: 10,
        borderColor: '#666666',

        shadowColor: '#03a9f4',
        // shadowColor: '#000000',
        shadowOffsetX: 2,
        shadowOffsetY: 2,
        shadowBlur: 2,
      },
    },
  ],
};

export default data;