Sansür Görüntüsü

311179 · 10 Ağustos 2020

Blogger web sitesi için görüntüye tıklandığında sansürü kalkan tekrar tıklandığında sansürlenen koda ihtiyacım var. Rahatsız edici görüntüler için. Yani tam olarak şöyle görüntü sansürlü olacak tıklandığında sansürü kalkacak bu sayede rahatsız edici görüntüler için önlem alınmış olacak. Yardım edenlere şimdiden teşekkürler.

The Anorak · 10 Ağustos 2020

Gaussian Blur kullanılabilir. Aynı resmin hem orijinal hali hem de nsfw versiyonu bulanabilir. Tıklama ile yer değiştirilebilir(saçma bir yöntem.). Birisi compute kaynağından götürür. Öteki ise depolamadan.

Buradaki örneği dinamik hale getirebilirsiniz.

Örnek kod olarak şunu verebilirim. Tek image olduğu için baya static bir yapısı var. Ancak fikir vermesi açısından yine de paylaşmak istedim.

JavaScript:

const alan = document.querySelector('.nsfw');
let blur = false;
alan.addEventListener('click', (event) =>{
    event.preventDefault();
    blur = !blur;
    alan.style.filter = (blur ?  "blur(20px)" : "blur(0px)");
});

Sansür Görüntüsü

Ayrıntılı düzenleme

311179

Hectopat

The Anorak

Terapat

Benzer konular