Tag: svg-filters

SVG-Filter sind ein set der Bildverarbeitung primitive, können miteinander kombiniert werden, um anspruchsvolle visuelle Effekte.

Gaußscher Weichzeichner cutoff an den Rändern

Anzahl der Antworten 1 Antworten
Arbeite ich an einer svg-export-Dienstprogramm für eine Zeichnung Programm auf android. Ich habe ein problem, dass die hinter blur ist cutoff Vergangenheit die Form hinweg - sieht aus wie ich brauche, um die Größe der viewBox oder

Anwendung von SVG-filter zu hintergrund Bild

Anzahl der Antworten 1 Antworten
Ich bin versucht, um eine SVG-filter (Gaußscher Weichzeichner), um nur einen Teil eines Bildes (z.B. den hintergrund). Ich habe die Wirkung erreicht, indem eine beschnittene SVG-Bild mit dem Gaußschen Weichzeichner angewendet an derselben position erscheinen zu lassen

Helligkeit-filter in firefox und opera ohne svg-Datei

Anzahl der Antworten 2 Antworten
Für mein Aktuelles Projekt habe ich verwendet filter -webkit-filter: brightness(-20%);-moz-filter: brightness(-20%); Aber somewhy, ist dieser filter nicht funktioniert, in firefox und opera(habe opera prefix zu). Ich fand, die Art und Weise, wie dieser genutzt werden kann, aber

Kann ich mich bewerben, CSS(3) die Filter werden NUR auf Bildausschnitte?

Anzahl der Antworten 3 Antworten
Habe ich ein Vollbild Hintergrundbild .bg { left: 0; min-height: 100%; min-width: 100%; position: fixed; top: 0; z-index: -1; } und anwenden möchten eine CSS3-filter, ich persönlich würde gerne auf einen Unschärfe-Effekt, in der gleichen position wie

Wie senken Sie die Deckkraft der alpha-Schicht in eine svg-filter?

Anzahl der Antworten 3 Antworten
Ich versuche zu schaffen, ein logo als SVG. Ich exportierte die Datei aus Illustrator. Das logo hat einen Schatten auf Sie. Ich war auf der Suche durch die XML-und ich fand die filter-Knoten <filter filterUnits="objectBoundingBox" width="200%" height="160%"

SVG-Schatten abgeschnitten

Anzahl der Antworten 3 Antworten
Die SVG, mit dem ich arbeite, hat einen Schatten über filter feGaussianBlur. Den Schatten selbst richtig angezeigt wird, aber wird abgeschnitten, am oberen und unteren Rand. Etwa so: Den SVG in Frage: <?xml version="1.0" standalone="no" ?> <!DOCTYPE

Dynamisch ändern SVG-Bild-Farbe in android

Anzahl der Antworten 3 Antworten
Ich weiß, dass die Verwendung von Drittanbieter-Bibliothek, ist es möglich, SVG-Bild in Android. Bibliothek wie: svg-android Den code zum laden der SVG-Bild wie unten: public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //Create a new ImageView ImageView imageView =

Anwendung Bild Filter zu Leinwand Bild-Daten oder JavaScript

Anzahl der Antworten 4 Antworten
Ich bin Flash-Entwickler und arbeite ich auf ein JavaScript-port von einem Spiel. In der Flash-version, ich benutze glühen, blur und color-matrix-Filter zu manipulieren, um den Schein der display-Objekte. Ich möchte das gleiche zu tun mit meinem JavaScript-Ansicht.

Wie wendet man die drop-shadow-filter per CSS SVG-spezifische element/Pfad

Anzahl der Antworten 3 Antworten
Möchte ich zur Anwendung einer drop-shadow-filter auf ein bestimmtes element/Pfad innerhalb eines inline platziert SVG über CSS, ich nicht müssen die ganze Grafik beschattet werden, nur ein element drin. CSS: .shadow { fill: red; -webkit-filter: drop-shadow( 3px

Wie zu Invertieren ein Weißes Bild Schwarz mit SVG-Filter?

Anzahl der Antworten 1 Antworten
Ist es Umgekehrt ein weißes Bild schwarz mit SVG-Filter? In der CSS-Filter, die wir tun -webkit-filter:invert(1); was nicht funktioniert in IE10. Ich bin die Anwendung "SVG-Filter", als fallback. Kann jemand helfen? eigentlich IE hat einen filter für

So erstellen Sie eine Transparenz-Gradienten Maske mit einem SVG-filter

Anzahl der Antworten 1 Antworten
Ich bin derzeit mit einem SVG Farbverlauf anwenden eines fade-out-Effekt für die Pfade. Dies ermöglicht es der Weg zum start mit 100% Deckkraft bei x0 und fade-out auf 0% bei x1, überall dort, wo diese für den

Wie machen Sie eine inset-Schatten in SVG

Anzahl der Antworten 2 Antworten
Ich brauche, um eine Kiste mit einem inset-Schatten, in der gleichen Weise, dass CSS3 hat inset box-Schatten. Was ich bisher gefunden habe ist ein filter mit feGaussianBlur, aber das problem mit diesem ist, dass es fügt auch

SVG: Farbe des Schattens

Anzahl der Antworten 2 Antworten
Ich schreiben möchte ein einfaches Rechteck mit einem roten Schatten in SVG. Ich habe einen einfachen filter: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1012" height="400"> <title>svg arrow with dropshadow</title> <desc>An svg example of an arrow shape with a dropshadow filter

Wie füge ich einen Schatten auf ein SVG-path-element?

Anzahl der Antworten 1 Antworten
Ich habe schon versucht einen Schatten zu meinem SVG-Pfad. Ich gegoogelt über die filter option, die, wenn angewandt, um den Pfad durch die Anwendung: -webkit-filter: drop-shadow( -5px -5px 10px #000 ); die schien nicht angewendet werden. Hier

Mit blending-Filter (multiplizieren, genauer gesagt) mit SVG

Anzahl der Antworten 3 Antworten
Ich habe ein Referenz Bild von der Wirkung, die ich versuche zu erreichen über SVG. In Photoshop der Effekt kann erreicht werden durch die Verwendung von 100% Deckkraft mit den blending-Modus 'multiplizieren' Die Farben sind hex-Werte: rot:

Wie erstelle ich einen "Schein" um ein Rechteck mit svg?

Anzahl der Antworten 4 Antworten
Ich habe so etwas wie die folgenden: <svg id="svgLogo1" style="left:0; top:0; position:absolute" width="980" height="80" viewBox="0 0 980 80" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="5" width="980" height="54" rx="6" ry="6" style="stroke-width:2; xstroke:#FFF; fill:#555"/> </svg> Ich würde gern einen weißen Schein um.

SVG Schlagschatten mit CSS3

Anzahl der Antworten 4 Antworten
Ist es möglich, drop-Schatten für ein svg-element mit css3 , so etwas wie box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Sah ich einige Bemerkungen über die Erstellung von Schatten mit filter-Effekten. Gibt es ein