Guest User

Untitled

a guest
Jan 17th, 2019
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. <canvas id="canvas" width="400" height="400" style="border:1px solid red"/>
  2. var canvas = new fabric.Canvas('canvas');
  3.  
  4. var rect = new fabric.Rect({
  5. top : 0,
  6. left : 0,
  7. width : 60,
  8. height : 70,
  9. visible: false,
  10. fill : 'red'
  11. });
  12. var circle = new fabric.Circle({
  13. radius: 100,
  14. fill: '#eef',
  15. scaleY: 0.5,
  16. originX: 'center',
  17. originY: 'center'
  18. });
  19.  
  20. var text = new fabric.Text('hello world', {
  21. fontSize: 30,
  22. originX: 'center',
  23. originY: 'center'
  24. });
  25.  
  26. var group = new fabric.Group([ circle, text ], {
  27. left: 150,
  28. top: 100,
  29. angle: -10
  30. });
  31. var group2 = new fabric.Group([ rect, group ], {
  32. left: 150,
  33. top: 100,
  34. angle: -10
  35. });
  36. canvas.add(group2);
  37. canvas.renderAll();
  38. group2.setCoords();
Add Comment
Please, Sign In to add comment