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

const data = {
  // bgColor: '#ffffff',
  elements: [
    {
      name: "text-001",
      x: 10,
      y: 10,
      w: 200,
      h: 100,
      type: "text",
      desc: {
        fontSize: 20,
        color: "#ffffff",
        text: "生活就像海洋，只有意志坚强的人，才能到达彼岸。",
        fontFamily: '',
        fontWeight: 'bold',
        borderRadius: 20,
        borderWidth: 2,
        borderColor: "#03a9f4",
        bgColor: '#f0f0f0',
        strokeColor: '#2196f3',
        strokeWidth: 1,
      },
    },
    {
      name: "text-002",
      x: 120,
      y: 120,
      w: 100,
      h: 60,
      // angle: 30,
      type: "text",
      desc: {
        fontSize: 40,
        fontWeight: 'blod',
        text: "Hello Text",
        // color: "#999999",
        color: "#ffffff",
        borderRadius: 60,
        borderWidth: 4,
        borderColor: "#03a9f4",

        textShadowColor: '#000000',
        textShadowOffsetX: 2,
        textShadowOffsetY: 2,
        textShadowBlur: 2,

        shadowColor: '#000000',
        shadowOffsetX: 2,
        shadowOffsetY: 2,
        shadowBlur: 2,
      },
    },
    {
      name: "text-003",
      x: 160,
      y: 160,
      w: 200,
      h: 100,
      type: "text",
      operation: {
        invisible: true,
        lock: true,
      },
      desc: {
        fontSize: 20,
        color: "#333333",
        text: "生活就像海洋，只有意志坚强的人，才能到达彼岸。",
        fontFamily: "",
        textAlign: "right",
        borderRadius: 20,
        borderWidth: 2,
        borderColor: "#03a9f4",
        bgColor: '#f0f0f0',
      },
    },
    {
      name: "text-004",
      x: 300,
      y: 240,
      w: 290,
      h: 120,
      type: "text",
      desc: {
        fontSize: 20,
        color: "#333333",
        text: "Life is like an ocean.\r\nOnly those with strong \nwill can reach the other shore.",
        fontFamily: "",
        textAlign: "right",
        borderRadius: 20,
        borderWidth: 2,
        borderColor: "#03a9f4",
        bgColor: '#f0f0f0',
      },
    },
  ],
};

export default data;