Moveto | Engin Polat\'ın Windows 8 , Windows Phone 8 ve C# içerikli programcılık sitesi

Arşiv

Etiketlenen yazılar moveto

HTML5 sayfasında canvas ve javascript kullanarak çizim alanı oluşturma

08 May 2016 Yorum yapılmamış

Bir html sayfasında canvas elementi ve javascript kullanarak, mouse ile çizim yapabileceğimiz bir alan oluşturabiliriz. Örneğin, web sayfası üzerinde kullanıcının imzasını atabileceği bir alan oluşturabilmek mümkün.

Hemen yeni bir html dosyası oluşturalım ve aşağıdaki kodları yazalım;

Böylece sayfa üzerinde 400px x 400px alanında oluşturduğumuz canvas elementi üzerine mouse kullanarak çizim yapabileceğiz.