Görüntü svg görüntüsüne bulanıklık filtresi uygularken kenarları bulanıklaştırır, böylece saydam olmazlar (bkz. Sol örnek). İstediğim şey, bu tür bir artefakt olmadan onu bulanıklaştırmaktır (bkz. Doğru örnek). Bunu hack ile çözdüm: Sadece aynı çevrilmiş resmi kopyalayıp 4 tarafa yerleştirdim.SVG bulanıklaştırma kenarı eserler
Daha iyi bir yolu var mı?
Görüntüyü% 5-10 oranında büyütemediğimi unutmayın; boyut orijinal görüntüyle aynı olmalıdır. İşte
benim svg geçerli:...
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="4"></feGaussianBlur>
</filter>
...
<g filter="url(#blur)">
<image xlink:href="cathedral.jpg"></image>
</g>
Çalışmıyor gibi gözüküyor. Bakın: http://jsbin.com/vugojiju/1/edit Sorunu açıklamak için aynı görüntüyü arkaya koyuyorum - bulanık görüntünün saydam kenarları. –
componentTransfer'ı eklemeden önce feGaussianBlur etiketini kapatmanız gerekir. Benim kodumda, kendi kendine kapanan bir kullanıyorum. Sürümünüzde, componenttransfer'ı bir dizi açık ve yakın feGaussian etiketine dahil edersiniz. Yani, componentTransfer –
görmezden geliyor Bir yazım hatası var: ilk satırda, x = "% 0 bir kapanış çift alıntı olmalı. Bunun dışında, harika hack! – montecruiseto