JavaScript ile dinamik fotoğraf yapma

umutalper11 dedi:

Gaziantep Ticaret Odası gibi bir site yapmak istiyorum.
Acil, yardımcı olursanız çok mutlu olurum. İyi akşamlar.
Bir arkadaş canvas ile demişti ama ben var olan bir resimde sadece bir yazıyı değiştirmek istiyorum.

Genişletmek için tıkla...

300319 dedi:

Hocam js içinde random komutu var bir dizi oluşturun içerisine bir dizi resimleri ekleyin ve random algoritmasını kurun her sayfa yenilendiğinde rastgele resim seçsin.

Genişletmek için tıkla...

umutalper11 dedi:

Kullanıcının girdiği ismi bir değişkene atayacağım. Mesela bir resimde "merhaba umut" yazıyor. Kullanıcı adını Ahmet girerse "merhaba Ahmet" olarak değiştirmek istiyorum.

Genişletmek için tıkla...

var x = document.getElementById("myText");

300319 dedi:

JavaScript:Panoya kopyala

var x = document.getElementById("myText");

Textbox'ı bir ID değeri verin ve mytext ID'si gibi verdiğiniz değeri yazın sonra butona basınca ekrana innerHTML metodu ile yazdırın.

Genişletmek için tıkla...

Bir arkadaş canvas ile demişti ama ben var olan bir resimde sadece bir yazıyı değiştirmek istiyorum.

Genişletmek için tıkla...

        var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");
        var imageObj = new Image();
        var adsoyad= 'alperturan11'; //Kullanıcıdan input ile alınan data
        var aciklama ="Konu ile ilgili açıklama metni" //local ya da DB verisi
        imageObj.onload = function(){
          context.drawImage(imageObj, 0, 0);
          context.font = "26pt Calibri";
          context.fillText("Sevgili "+adsoyad+"", 60, 100, imageObj.width/2, imageObj.height / 2);
          context.fillText(aciklama, 60, 180, imageObj.width/2, imageObj.height / 2);
          context.fillText("imza", 650, 450, imageObj.width/2, imageObj.height / 2);
        };

         //Basit bir döngü ile farklı arkaplanlar random yerleştirilebilir.
        imageObj.src = 'https://i4.hurimg.com/i/hurriyet/75/1110x740/5dc453677152d800c88b12d0.jpg';