堆棧內存溢出
cost 220 ms
SVG 過濾器在 iOS-Safari 上消失

[英]SVG filter disappear on iOS-Safari

在iOS Safari中，第二個rect消失了，為什么？ 我希望它能在 iOS 中正確顯示。 <svg style="width:800px; height:500px; display: inline;" xmlns="http://www.w3.org/2000/svg" xmlns:x ...

feComposite 的“結果”未在后續過濾操作中用作“輸入”

[英]"result" of feComposite is not being used as "in" in a subsequent filter operation

也許我不理解<feComposite/> ，但它似乎不能在以下<feGaussianBlur/> in使用 - 我只能使用SourceGraphic ，這不是我想要的。 基本上，我有一個創建兩個形狀的過濾器（一個是原始路徑，但用顏色填充，另一個是原始形狀，但偏移和模糊）。 ...

比例 SVG 過濾器？

[英]Proportional SVG filter?

我嘗試生成由過濾器組成的 SVG，並且我希望在調整相同圖像的大小時（保持比例）具有完全相同的渲染。 我使用兩個過濾器： feTurbulence和feDisplacementMap 我的問題是，當調整相同圖像的大小時，我無法獲得相同的渲染。 我希望按比例更改效果屬性的值就足夠了，但它不起作用。 在 ...

僅將 SVG 照明濾鏡應用於路徑

[英]Apply SVG lighting filter to path only

我正在嘗試使用照明過濾器在 SVG 中的路徑上創建金屬效果。 我最初的嘗試似乎是點亮路徑的整個邊界框，而不僅僅是筆划。 有沒有辦法將過濾器的效果限制在筆划上？ 這是我目前擁有的代碼...... 這就是當前 output 的樣子...... ...

一些 SVG 元素在隱藏相鄰的 div 時消失

[英]Some SVG elements disappear when hiding adjacent divs

我有一個項目，我在其中創建了許多 div，每個 div 都包含一個 svg 儀表。 每個儀表都是多層的，顯示時看起來很棒。 它是一個復雜的儀表，所以我不會包括代碼，但結構是： 我使用 jQuery 和一個下拉菜單來過濾視圖，我實際上只將 div 從“display:inline-block”更改為“ ...

為什么將我的灰度 SVG 轉換為 alpha 會導致亮度降低？

[英]Why does converting my greyscale SVG to alpha cause a reduction in brightness?

我正在嘗試使用 SVG 創建一個透明的“星夜”效果。 我將 SVG 內聯在網頁上，在黑色背景的元素內。 我從湍流過濾器開始，然后應用顏色矩陣以獲得所需的效果： ... 這使： 但這沒有 alpha 透明度； 我希望它代表一個白色像素平面，其亮度僅通過位於黑色背景上且不透明度較低而降低。 所以我 ...

為什么我的位移 map 濾鏡在使用時會消失<feoffset> dx 變量很大？</feoffset>

[英]Why does my displacement map filter disappear when I use an <feOffset> with very large dx variable?

我正在嘗試使用 SVG 的過濾器和過濾器來創建滾動紋理。 它工作得很好，但是正如您在這個演示中看到的那樣，一旦 dx 的值增加到超過某個閾值，位移 map 過濾器就會停止渲染。 我的過濾器： 在演示中，我還在頂部覆蓋了湍流過濾器，以便您可以看到過濾器繼續正確滾動，而位移 map 消失了。 位移 m ...

SVG feTurbulence filter will not animateTransform rotate on Firefox

[英]SVG feTurbulence filter will not animateTransform rotate on Firefox

此代碼保存在 a.SVG 文件中，它在大多數瀏覽器上按預期動畫，但在 Firefox 上沒有。 feTurbulence 過濾器和旋轉 animation 單獨作用於任何其他形狀，但當結合起來時，整個 svg 會破裂並且什么也沒有顯示。 我不知道這是否是我的錯，是否不受支持，或者我是否應該將其報 ...

SVG 和 SVG Animation 效率

[英]SVG and SVG Animation efficiency

我剛剛開始使用 SVG 並為它們制作動畫。 我在 Adobe Illustrator 中創建了一個矢量設計，導出為 SVG，然后對其進行動畫處理。 靈感來自 Chris Gannon 的 SVG Diamond。 不同之處在於我試圖僅使用 html 和內聯 styles 創建它。 我將 SVG 稱為 ...

由多個 SVG 濾鏡組成的 CSS 濾鏡使圖像更暗

[英]CSS filter composed of multiple SVG filters makes image darker

我顯然可以通過簡單地連接它們來將一系列 css 過濾器鏈接在一起，這似乎有效： 但是當有問題的單個過濾器是 svg 過濾器時，由於某種原因，它似乎使生成的圖像意外變暗： 下圖顯示了這種效果（它來自這篇文章底部的片段，在 chrome 103.0.5060.134 上）： 我用多種 svg 濾鏡觀察 ...

通過 CSS 使用自定義 SVG 過濾器應用時，文本未在 Safari 上呈現

[英]Text not rendered on Safari when applied with custom SVG filter via CSS

我編寫了一個自定義 SVG 過濾器來圍繞文本和圖標繪制筆觸。 然后在 CSS 樣式表中引用過濾器。 以下代碼在 Chrome 和 Firefox 中按預期呈現，但它在 Safari 上完全隱藏了內容。 我錯過了過濾器定義中的任何內容嗎？ .text { font-family: s ...

SVG 形狀照明

[英]SVG Shape Lighting

摘要：我正在嘗試使用由顏色、旋轉、大小和路徑值等屬性生成的矢量圖形來創建隨機攀岩支架的畫布。 為了給這些增加深度，我嘗試為它們添加一種隨機陰影，以顯示形狀的一個或多個側面從背景中升起。 問題：我已經能夠將此濾鏡應用到 svg 上，但是正如您在下圖“Light Filter”中看到的那樣，我得到了這 ...

在svg中混合多漸變

[英]mix multi gradient in svg

我想創建這個模板。 在此處輸入圖像描述 我認為我應該使用 svg，因為我認為沒有其他方法可以創建帶圓角的梯形。 到目前為止沒問題 現在看看中間的背景。 這個背景由 3 個部分組成，我們可以用線性漸變創建它。 到目前為止沒問題 我的問題是，如果我們查看中間項的背景，我們會看到第一部分和第二部分從左 ...

優化 svg 過濾器湍流以獲得更好的性能

[英]Optimize svg filter turbulence to get better performance

我正在使用 svg 湍流過濾器來創建水效果，但它在低端和中端計算機上滯后，所以我想知道是否有任何方法可以優化動畫，或者是否有任何變通方法來獲得相同的結果... 我聽說過 requestAnimationFrame，但由於我使用的是 ReactJS，我不知道如何使用它以及它是否能解決任何性能問題.. ...

改善霓虹銳化切割文字效果

[英]Improve neon sharped cut text effect

我正在嘗試在文本上添加銳利的剪切效果。 我已經實現了這件事： 但我想實現這種背板/背景銳化切割文本效果： 我的代碼： .wrapper { background-color: #000; } .previewText { text-shadow: var(--text-colo ...

SVG 過濾器“湍流”在 safari 上的渲染效果不佳

[英]SVG filter "Turbulence" not rendering well on safari

我正在嘗試在我網站上的圖像上應用 svg“湍流”過濾器。 問題是它在 FireFox 和 Chrome 上看起來不錯： 但在 safari 上看起來很可怕： 似乎 Safari 正在將我的圖像“分割”成圖塊......你有什么想法嗎？ 這是我的代碼： &lt;svg&gt; ...

flutter_svg 沒有加載一些 svg 文件並拋出錯誤

[英]flutter_svg not loading some svg files and throw error

我正在使用flutter_svg包（ version ^1.0.3 ）。 我從fathtericons網站獲得了 svg 圖標。 但我有錯誤。 我找不到更好的解決方案。 過濾器圖標 輸出錯誤 我的代碼： SvgButton( svg: 'assets/icons/task/filter.sv ...

如何僅使用 SVG 自動增亮 SVG 節點？

[英]How to auto-brighten an SVG node using SVG only?

我希望能夠指定某種轉換，給定任意 SVG 節點重新映射其所有像素值以覆蓋整個（0-100% 或 0-255）強度范圍，同時避免剪裁。 具有 feFuncX 線性映射函數的 feComponentTransfer 過濾器幾乎提供了我想要的，但似乎缺乏參考輸入節點的全局最大強度的能力，有什么聰明的方法 ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM