Refresh Preview
Import Local File
Download Slide
Line
Rectangle
Arc
Ellipse
Circle
Curve
Text
Make Element
⇔ Move by
{ "elements": [ { "shapeType" : "line", "originx" : 100, "originy" : 100, "thickness" : 20, "endx" : 600, "endy" : 600, "strokeColor" : "#0000FF" }, { "shapeType" : "rectangle", "originx" : 700, "originy" : 100, "thickness" : 100, "width" : 800, "height" : 800, "strokeColor" : "#99B3FF", "fillColor" : "#000011" }, { "shapeType" : "rectangle", "originx" : 900, "originy" : 500, "thickness" : 20, "width" : 800, "height" : 800, "strokeColor" : "#99B3FF" }, { "shapeType" : "rectangle", "originx" : 1100, "originy" : 300, "thickness" : 20, "width" : 800, "height" : 800, "fillColor" : "#99B3FF" }, { "shapeType" : "arc", "originx" : 2200, "originy" : 500, "thickness" : 30, "radius" : 500, "startAngle" : -20, "endAngle" : 45, "strokeColor" : "#FF0000" }, { "shapeType" : "ellipse", "originx" : 2500, "originy" : 200, "thickness" : 20, "width" : 300, "height" : 600, "strokeColor" : "#0000FF", "fillColor" : "#005500" }, { "shapeType" : "circle", "originx" : 3200, "originy" : 500, "thickness" : 20, "radius" : 500, "strokeColor" : "#99B3FF" }, { "shapeType" : "curve", "originx" : 100, "originy" : 800, "thickness" : 20, "endx" : 1000, "endy" : 800, "controlPoint1x" : 300, "controlPoint1y" : 400, "controlPoint2x" : 700, "controlPoint2y" : 1200, "strokeColor" : "#FF4400" }, { "shapeType" : "curve", "originx" : 100, "originy" : 800, "thickness" : 20, "endx" : 1000, "endy" : 800, "controlPoint1x" : 550, "controlPoint1y" : 1500, "strokeColor" : "#FFFF00" }, { "shapeType" : "chain", "originx" : 2500, "originy" : 1000, "elements" : [ { "shapeType" : "line", "thickness" : 60, "endx" : 2200, "endy" : 1200, "strokeColor" : "#0000AA" }, { "shapeType" : "curve", "thickness" : 20, "endx" : 3500, "endy" : 1000, "controlPoint1x" : 2700, "controlPoint1y" : 1500, "controlPoint2x" : 3000, "controlPoint2y" : 500, "strokeColor" : "#AA33AA", "fillColor" : "#AA33AA" } ] }, { "shapeType" : "text", "originx" : 2500, "originy" : 100, "width" : 500, "height" : 600, "fontHeight" : 100, "strokeColor" : "#EEEEEE", "bgcolor" : "clear", "interactive" : true, "text" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit." }, { "shapeType" : "text", "originx" : 3000, "originy" : 100, "width" : 500, "height" : 600, "fontHeight" : 100, "strokeColor" : "#EEEEEE", "bgcolor" : "#FF0000", "interactive" : false, "text" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit." } ], "bgcolor": "#003333", "title" : "Shape Demo", "author": "anson", "desc": "a sample" }