Malen Sie mit Raphael einen abgerundeten Rand um das Bild herum

8

Ich benutze die Raphael JavaScript-Bibliothek. Ich möchte eine Grenze mit abgerundeten Kanten um ein Bild zeichnen (was ein Raphael-Objekt ist), aber ich kann nicht herausfinden, wie das geht. Ich habe versucht, einen Strich zu setzen, aber es erscheint nicht.

Ich habe das:

%Vor%

Schätze jede Hilfe, die ich bekommen kann!

    
Marc 25.10.2010, 20:36
quelle

2 Antworten

11

Wie wäre es mit Bild als Füllung:

%Vor%     
Dmitry Baranovskiy 27.10.2010 05:59
quelle
1

Ich denke, Sie sprechen über einen Beschneidungspfad. Schauen Sie sich Clipping-Pfad auf Wikipedia an . Ein kurzer Google-Weg entfernt, fand ich einige unglückliche Nachrichten von Raphaëls Google-Gruppe:

  

Eine Raphael-Anwendung muss im Internet Explorer ohne Plugins laufen. [Beschneidungspfade] sind in SVG verfügbar, aber der Internet Explorer unterstützt SVG nicht. Stattdessen verwendet es die proprietäre Microsoft VML "Standard" ( Ссылка )

     

Zusammenfassend (IMHO) kann raphael nur "innerhalb" der Schnittmenge von SVG-Operationen und VML-Operationen sein.

(Von Unterstützt RaphaelJS das Clipping-Maskierungs-Compositing? , Post von Sebastian Gurin).

Sieh dir den Thread an, wenn du daran interessiert bist, ein Plugin zu verwenden, um Clipping in Browsern zu aktivieren, die es unterstützen.

Alternativ können Sie auch ein ungefülltes Rechteck mit den gleichen Abmessungen an der gleichen Stelle wie das Bild zeichnen, jedoch mit dem Attribut r des Bildsatzes und der stroke-width groß genug, um den Radius auszugleichen (Beachten Sie, dass dies dazu führen kann, dass die Extremitäten des Bildes ausgeblendet werden).

    
clarkf 25.10.2010 22:17
quelle

Tags und Links