svg-filters

    5熱度

    1回答

    我正在嘗試創建一個動態模糊效果,可以使用JavaScript進行修改。 首先,我用這個非常簡單的SVG濾鏡: <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="0" /> </filter> </svg> 的stdDeviatio

    9熱度

    2回答

    我有一個非常複雜的動態創建的svg圖像,它使用jQuery SVG創建。我想創建一個「彈出」區域,顯示在畫布中所有svg元素的頂部。要創建一個現代半透明的iOS7外觀,我想對彈出區域下面的所有內容應用模糊濾鏡。我想能夠動態設置這個彈出區域的x,y以及寬度和高度屬性。 看一看this example: <svg width="500" height="500"> <rect x="10"

    1熱度

    2回答

    我想用源組的所有顏色的漸變填充矩形。我相信有一個過濾器,但我無法建立一個完成工作。 <svg width="100" height="100"> <defs> <filter id="f1"> <feBlend in="SourceGraphic" in2="url(#line)"/> </filter> </defs> <g i

    3熱度

    1回答

    有什麼方法可以使用Javascript來計算SVG圖像的顏色平衡嗎? (我可以找到使用像pixastic庫中的畫布圖像的色彩平衡,但我需要它在SVG)

    2熱度

    2回答

    第一次海報 - 我到處尋找解決方案,我希望你們可以幫助!使用CSS模糊過濾器時遇到問題。我創建了一個磨砂玻璃效果(類似於ios7設置菜單效果),以​​在我的網站上提供疊加效果。我注意到,每當我與其上的一個元素進行交互時,模糊div上的透明div就會中斷(在圖標#1懸停在可點擊的圖標上)。它還會導致水平線破壞導航覆蓋時的效果,並在滾動中顯示div(photo2)。麻煩似乎與「.blur」div本身,

    5熱度

    1回答

    我目前使用SVG漸變來爲路徑應用淡出效果。這樣的路徑,以100%的不透明度開始在X0和X1淡出爲0%,無論這些可能是針對特定路徑它是適用於: <linearGradient id="gradient_to_transparent" x1="0%" x2="100%"> <stop offset="0" stop-opacity="1"></stop> <stop offset=

    0熱度

    1回答

    我在Safari中的CSS動畫上遇到了SVG過濾器的問題。 http://codepen.io/robertjpotter/pen/AvzhL 的問題是,在Safari濾波器被抓住從完成的動畫的顏色。我期望的以及Chrome和Firefox中發生的事情是,過濾器會抓取開始的動畫顏色,然後與每個顏色一起動畫生成最終的顏色。 我是SVG的新手,所以任何幫助都非常感謝。

    3熱度

    3回答

    我需要一種基於alpha蒙版將「筆觸」(輪廓)和陰影效果添加到透明PNG圖像的方法,唯一能找到的解決方案是使用自定義SVG濾鏡。 (注:Web應用程序的,我需要這些效果是我自己私人使用的,所以沒關係,這個解決方案不是對舊版瀏覽器兼容的移動上...。) 我從來沒有使用過SVG之前,但是單獨創建筆劃和陰影過濾器非常簡單。不幸的是,我無法找到一個方法來創建一個沒有實際複製並粘貼過濾器進入一個新的一個結合

    0熱度

    2回答

    在CSS着色單調的形象,我可以使圖像灰度類似的東西: .greyscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.33

    1熱度

    2回答

    im嘗試在瀏覽器中使用SVG。並有下一個問題! 我在某些svg元素上使用jquery clone()。 然後將其附加到窗口。 然後嘗試刪除克隆元素。 示例代碼 window.makeClone = function(){ var cloneSVG = $('svg').clone(); cloneSVG.appendTo('body'); } window.removeCl