svg-filters

    1熱度

    1回答

    D3背景圖高斯模糊

    我創建具有界面的一個組成部分，這是非常相似的博斯托克的焦點/背景刷牙例如交互式D3應用： http://bl.ocks.org/mbostock/1667367 一切正常，到目前爲止，但這是我想要做的。我想採用上下文區域（底部圖表）和高斯模糊畫筆背景（以及它後面的svg圖表路徑和x軸）上未被畫筆範圍選中的區域。基本上，我試圖製造類似這樣的效果： http://bl.ocks.org/mbostoc
    html5 svg d3.js svg-filters 2013-04-25

    0熱度

    1回答

    哪些網頁瀏覽器支持SVG過濾，並將上一層作爲源？

    我創建了一個使用背景圖像作爲源的自定義SVG過濾器。然後應用一個隨機位移貼圖來模擬光學畸變（例如，水的焦散，從熱的流動的空氣中翹曲），這是我真正喜歡的。 它在Inkscape中正確呈現，但在Internet Explorer 10和Chrome中都不正確。顯然，使用背景圖像作爲過濾器輸入是一個模糊的功能，某些SVG渲染器可能不支持，因爲緩衝中間圖像需要額外的內存。我還必須在其中一個SVG圖層中設置
    svg background svg-filters 2013-03-08

    3熱度

    2回答

    SVG陰影 - 不透明度，feOffset和viewBox難度

    我想將簡單陰影應用於SVG文件。因爲這真的是我第一次深入瞭解SVG過濾器，所以我陷入困境並找不到解決方案（可能很簡單）：爲什麼feColorMatrix不適用於該影子？ 這裏是過濾器： <defs> <filter id="drop-shadow" filterUnits="userSpaceOnUse" width="120" height="120"> <feGaussia
    svg vector-graphics svg-filters 2013-02-01

    6熱度

    2回答

    將SVG中的顏色與feColorMatrix相匹配

    我在陰影中使用SourceAlpha創建了SVG中的陰影，所以其純黑色。使用feColorMatrix我減少了一些不透明度，但仍然不像我想要的那樣 - 我希望陰影的顏色與特定的顏色值匹配。所以我深入瞭解了feColorMatrix。 現在我不使用SourceAlpha作爲來源的影子，但SourceGraphic。由於我的矢量圖像是純白色又名rgba(255, 255, 255, 1)，我可以計算出
    css3 svg vector-graphics colormatrix svg-filters 2013-02-02

    1熱度

    1回答

    SVG：陰影濾鏡在移動Safari上像素化SVG

    我在使用img標記嵌入的SVG文件內使用陰影濾鏡。在我的MacBook上，它在Safari中看起來很好。但是，在移動Safari中，圖形變得非常像素化，失去了清晰度。如果未應用過濾器，則SVG呈現良好。除了傳遞過濾器之外，還有什麼方法可以解決這個問題嗎？
    svg safari mobile-safari vector-graphics svg-filters 2013-02-02

    0熱度

    1回答

    SVG feColorMatrix +其反轉不回原始圖像

    這個過濾器結合了一個顏色矩陣和它的逆，所以爲什麼這不會退回原始圖像呢？ [它轉換成YIQ並回到RGB]。相反，它會給出一些帶有一些微紅色僞像的灰度圖像）。這在firefox，safari和IE10上是一樣的，所以我認爲這是我的錯，而不是bug。 <filter id="matrixtest" filterUnits="userSpaceOnUse" x="-10" y="-10" width="3
    colors svg svg-filters 2013-03-29

    2熱度

    2回答

    在使用2過濾

    我有一個SVGImage的元素，我想這種形象有使用feOffset，feGaussianBlur陰影，SVG元素等 ，並在同一時間，我需要設置圖像的亮度和對比度， 我嘗試下面的代碼： <image x="10" y="100" width="440" height="60" xlink:href="/images/pulpit.jpg" preserveAspectRatio="defer" fi
    image html5 svg svg-filters 2013-02-13

    0熱度

    3回答

    SVG彩色投影濾鏡失敗時使用JavaScript

    建我創建了一個下拉陰影的SVG圖像，採用純SVG工作正常（見a live demo）： <!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="drop"> <feCompon
    javascript image svg svg-filters 2013-02-14

    0熱度

    1回答

    SVG過濾器，在Firefox中轉換

    我正在一個網頁上工作，如果你將鼠標懸停在圖像上，它會變得飽和。它適用於Chrome和IE。但是，我無法在FF中轉換到工作狀態，而且在Opera中也沒有變壞。 這裏是我的代碼： <!DOCTYPE html> <head> <style type="text/css"> img:hover { filter: url("data:image/svg+xml;utf8
    css cross-browser css-transitions svg-filters 2013-02-14

    2熱度

    1回答

    Raphael dropshadow插件在svg路徑上的Firefox和opera問題

    我在嘗試使用基於raphael blur插件的dropshadow.raphael.js插件（我嘗試使用css過濾器插件，同一問題）時出現了一個奇怪的問題。 我畫一個貝塞爾路徑並添加陰影效果： var borderBottomRounded = paper.path("M150,100C20,200,600,200,400,100"); borderBottomRounded.attr({'st
    jquery svg raphael svg-filters 2013-04-12
最新問題