sadet48 - Html5 canvas rotate() property


	sadet48


	Html5 canvas rotate() property

Html5 canvas rotate() property

<!DOCTYPE html>
<HTML class="no-js" lang="tr">
  <head>
    <title>Html5 canvas text rotate() property</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style>
    @import url(https://fonts.googleapis.com/css?family=La+Belle+Aurore);
    * {margin: 0;padding: 0;}
    body { background: #f9f9f9;}
    #myCanvas {
      border: 1px solid #d3d3d3;
      background: #fff;
      margin: 50px 250px;
      width: 300px;
      height: 150px;
    }
    </style>
  </head>
  <body>
    <div id="container">
      <canvas id="myCanvas" style="border:1px solid #d3d3d3;">
        Your browser does not support the HTML5 canvas tag.
      </canvas>
    </div>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.fillText("Merhaba Dünya!",20,35);
ctx.rotate(0.3);
ctx.fillText("Sadet",40,70)
</script>

</body>
  </html>

Toplam 110407 ziyaretçi

sadet48

JQuery Cycle ile Haber Bandı

Sadet Sevinç

sadet48.tr.gg@gmail.com

Facebook beğen

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol