svg-filters

    2熱度

    1回答

    SVG Filter：Scale

    我使用svg過濾器將svg圖形附加到它上面。我需要縮放陰影，但找不到可以做到這一點的過濾器。有誰知道這是可能的嗎？ <svg class="svg" width="155" height="460" viewbox="0 0 100 100" preserveAspectRatio ="xMidYMin meet"> <filter id="shadow" class="shadow"
    scale svg-filters 2016-01-06

    0熱度

    2回答

    如何在IE11中動畫SVG過濾器？

    我正在使用IE11（不要問），因此解決方案不必在任何其他瀏覽器中工作。我有一個包含幾個圖像的SVG，我在其上應用了幾個過濾器。其中之一是使給定圖像變暗的過濾器。我可以把它打開和關閉，並改變過濾器變暗的數量，但我似乎無法讓它動起來;取而代之的是，濾波器在最後分配的濾波器值（在這種情況下，0.5的斜率變暗一半）上沒有任何時間延遲地被應用。 這裏的SVG的簡化版本： <svg id="svgcanvas
    javascript svg internet-explorer-11 svg-filters 2016-01-21

    -2熱度

    1回答

    適應糊糊CSS/SVG菜單

    我一直在試圖理解和適應美麗的「糊糊菜單」貼在這裏... http://codepen.io/lbebber/pen/pvwZJp 我最近嘗試以進行垂直/矩形菜單是這裏... http://codepen.io/d3wannabe/pen/EVwEBE 但是我有一個問題，那我真的很努力修復 - 當你在第二個環節（我的）使用下拉菜單，在初始動畫完成後，在不斷擴大，整個菜單跳得很輕在左邊（而在崩潰時，它
    css svg sass svg-filters 2015-10-15

    0熱度

    1回答

    feDisplacementMap地圖在Firefox中看似不起作用

    Firefox不支持.png作爲位移貼圖輸入嗎？這是在其他瀏覽器工作，我不知道我做錯了什麼。 <svg x="0px" y="0px" width="810px" height="600px" viewBox="0 0 810 600"> <defs> <filter id="pixelate" x="0%" y="0%" width="100%" height="10
    svg svg-filters 2015-10-16

    1熱度

    1回答

    SVG過濾器：以混合圖像爲中心

    我有一個SVG過濾器，使用微調控件覆蓋圖像。這工作正常，除了我不知道如何將圖像中心微調中心。合乎邏輯的答案似乎是： <filter id="loading" primitiveUnits="objectBoundingBox"> <feImage xlink:href="filters.svg#loading-overlay" x="50%" y="50%" result="spinne
    svg svg-filters 2015-12-06

    3熱度

    2回答

    在Internet Explorer中帶有陰影的SVG文本

    以下是帶有文本元素的簡單SVG示例。爲了便於閱讀，我希望在文字周圍留下陰影。我已經使用CSS實現了這種解決方案：text-shadow。 這裏是文本元素： <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version = "1.1" wi
    html css internet-explorer svg svg-filters 2015-12-11

    1熱度

    2回答

    自我重疊的svg路徑

    我想知道如何突出顯示（更改顏色）a 自我重疊 SVG路徑（或甚至折線）的區域。實際上，如果我改變路徑的不透明度和中風屬性，自我ovavelaping區沒有顏色變化。 例如，具有以下路徑<path d="M187 240 L188 240 L315 217 L317 217 L330 306 L247 233 L258 226 L292 222 L303 178 L353 165" fill="no
    svg svg-filters 2015-12-28

    0熱度

    1回答

    與FeBlend的SVG過濾器乘法不適用於Chrome 46的Windows

    下面的代碼從上週突然停止工作。這適用於所有瀏覽器，希望在Windows上使用chrome。其他人有沒有遇到過類似的問題？ 它沒有更新顏色，但它適用於所有其他瀏覽器和操作系統。 <filter id="sample-test" x="0" y="0" width="100%" height="100%"> <feFlood flood-color="#d9251d" class="col
    javascript svg svg-filters 2015-11-10

    4熱度

    2回答

    SVG過濾器沒有顯示在Firefox中，在Chrome中正常工作

    我想在深色背景上有一塊黑色的文字在它的外面有白色的光暈。雖然CSS中的default drop shadow filter（如filter: drop-shadow(2px 2px 2px black)）正式應該支持「傳播半徑」第四個屬性，但對該屬性的支持基本上不存在。如果沒有這種額外的傳播，陰影將不足以讓文本被讀取。 因此，我決定在SVG標籤中定義我自己的過濾器，包括擴展操作以實現額外傳播，並將
    html google-chrome firefox svg svg-filters 2015-11-12

    0熱度

    1回答

    只在三面插入陰影SVG

    我想使用SVG過濾器只在三面（頂部，左側和右側）插入陰影。請參閱下面的代碼，在所有四面添加插入陰影，看看你是否可以幫我修改它，只在三面獲得陰影。謝謝！ <svg> <filter id="inset-shadow" x="-50%" y="-1" width="200%" height="205%"> <feComponentTransfer in=SourceA
    html5 svg svg-filters 2015-11-14
最新問題