HTML
<script src="http://cdn.eyahuska.com/papernew.js"></script>
<canvas resize="true" id="canvas-1" style="width:100%;"></canvas>
<script type="text/paperscript" canvas="canvas-1">
var l = project.importSVG(document.getElementById('svg'));
l.strokeColor = '#ff7641';
l.fillColor = '#5354ff';
l.rotate(45);
l.position = view.center;
var l2 = project.importSVG(document.getElementById('svg'));
l2.strokeColor = '#175800';
l2.fillColor = '#94ff02';
l2.position = view.center;
</script>
<svg version="1.1" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="685px" height="168.2px" viewBox="0 0 685 168.2" enable-background="new 0 0 685 168.2" xml:space="preserve" style="display:none;">
<g>
<path d="M103.209,50.95l-10.432,54.766c-1.793,9.454-2.934,17.767-3.912,24.612H72.078l1.63-13.854h-0.326
c-7.661,10.269-17.604,15.647-27.546,15.647c-11.573,0-20.7-6.194-20.7-22.493c0-4.238,0.489-8.802,1.63-14.181l8.476-44.498
h18.907l-8.149,43.356c-0.815,3.912-1.304,7.824-1.304,10.921c0,6.52,2.608,11.247,10.105,11.247
c8.802,0,19.07-10.432,22.167-26.894l7.334-38.63H103.209z" />
<path d="M109.895,130.328l10.269-54.766c1.956-9.454,3.097-17.767,4.075-24.612h16.788l-1.63,14.344h0.326
c7.335-10.758,17.44-16.137,28.524-16.137c11.247,0,20.211,6.846,20.211,21.841c0,3.586-0.652,9.128-1.467,13.203l-8.802,46.127
h-18.908l8.476-44.823c0.489-2.934,0.978-6.357,0.978-9.454c0-6.52-2.445-11.409-9.943-11.409
c-8.639,0-19.722,10.432-23.145,29.013l-6.846,36.674H109.895z" />
<path d="M288.701,14.602l-16.625,87.528c-1.793,9.128-3.097,19.56-3.586,28.198h-17.44l1.63-14.181h-0.326
c-7.171,10.921-16.951,15.974-27.22,15.974c-14.181,0-24.123-11.573-24.123-29.502c0-27.872,20.374-53.462,49.55-53.462
c4.075,0,8.801,0.815,12.224,2.282l7.009-36.837H288.701z...