Html5 canvas ile bir resim çağırarak o resme dairesel bir maske uygulayacağız. öncelikle canvasımızı yazalım.
Tag Archives: html5 canvas
html5 canvas içerisinde kullandığımız restore ve save komutları o anki durumu kaydetmek ve çağırmak için kullanılır. Bir örnekle açıklayayım.
Html5 canvas kullanımı Canvas html5 ile gelen yeni bir etikettir. Canvas ortamı üzerinde çizimler yapabilir, resimler ekleyebilir, animasyonlar oluşturabilir, hatta oyunlar hazırlayabilirsiniz. Kullanımı <canvas id=”canvasim” width=”500″ height=”500″ style=”border:1px solid #000″> Tarayıcınız canvası desteklememektedir. </canvas> Şeklindedir. Tarayıcı canvası desteklemiyorsa etiket arasındaki yazı gözükecektir. Html kodlarıyla canvas etiketini ekledik. Canvasa müdahale etmek, çizimler yapmak için javascripti kullanmamız gerekiyor. <script type=”text/javascript”> var c=document.getElementById(“canvasim”);