Workflow in Raphaël

by Johan Vandeplas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>

CSS

svg {
  background-color: #fff
}

JavaScript

var paper = Raphael(10, 50, 320, 200);
var missionRect = paper.set(paper.add([{
    type: "rect",
    x: 10,
    y: 10,
    width: 100,
    height: 50,
    fill: "#9B9B9B",
    stroke: "#000000"
  },
  paper.print(100, 100, "Test string", paper.getFont("Times", 800), 30)
]));