advanced code snippet search

Posted By

mazaalai on 06/26/11


Tagged

html5 mongol ger mongolian yurt


Versions (?)

Монгол гэрийг HTML5 дээр canvas ашиглан зурсан нь

 / Published in: HTML
 
Expand | Embed | Plain Text 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4.  
  5. <canvas id="mongol_ger" width="200" height="150" style="border:1px solid #c3c3c3;">
  6. Your browser does not support the canvas element.
  7. </canvas>
  8.  
  9. <script type="text/javascript">
  10.  
  11. var ger=document.getElementById("mongol_ger");
  12.  
  13. //gerrin undsen tegsh untsugt hesgiig haruulah
  14. var suuri=ger.getContext("2d");
  15. suuri.moveTo(20,70);
  16. suuri.lineTo(180,70);
  17. suuri.lineTo(180,130);
  18. suuri.lineTo(20,130);
  19. suuri.lineTo(20,70);
  20.  
  21. suuri.stroke();
  22.  
  23. //haalga nemeh
  24. var gate=ger.getContext("2d");
  25.  
  26. gate.moveTo(75,130);
  27. gate.lineTo(75,70);
  28. gate.lineTo(125,70);
  29. gate.lineTo(125,130);
  30.  
  31. gate.stroke();
  32.  
  33. //burees nemeh
  34. var burees=ger.getContext("2d");
  35.  
  36. burees.moveTo(20,90);
  37. burees.lineTo(75,90);
  38.  
  39. burees.moveTo(20,110);
  40. burees.lineTo(75,110);
  41.  
  42. burees.moveTo(125,90);
  43. burees.lineTo(180,90);
  44.  
  45. burees.moveTo(125,110);
  46. burees.lineTo(180,110);
  47.  
  48. burees.stroke();
  49.  
  50. //uni nemeh
  51. var uni = ger.getContext("2d");
  52.  
  53. uni.moveTo(20,70);
  54. uni.lineTo(75,35);
  55.  
  56. uni.moveTo(180,70);
  57. uni.lineTo(125,35);
  58.  
  59. uni.stroke();
  60.  
  61. // toono nemeh					
  62. var toono =  ger.getContext("2d");
  63.  
  64. toono.beginPath();
  65. toono.arc(100, 71, 45, 1.30 * Math.PI, 1.70 * Math.PI, false);
  66. toono.lineWidth = 1;
  67.  
  68. toono.stroke();
  69.  
  70. //toono dood hesgiig nemeh
  71. var toono_d =  ger.getContext("2d");
  72.  
  73. toono_d.beginPath();
  74. toono_d.arc(100, 11, 35, 0.75 * Math.PI, 0.25 * Math.PI, true);
  75. toono_d.lineWidth = 1;
  76.  
  77. toono_d.stroke();
  78.  
  79. </script>
  80.  
  81. </body>
  82. </html>

Report this snippet  

You need to login to post a comment.