HTML5 sayfasında canvas ve javascript kullanarak çizim alanı oluşturma | Engin Polat\'ın Windows 8 , Windows Phone 8 ve C# içerikli programcılık sitesi
Ana Sayfa > ASP.NET > HTML5 sayfasında canvas ve javascript kullanarak çizim alanı oluşturma

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

08 May 2016

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.