湾曲した150幅x4の高さの長方形をラファエルで描き、ラファエルを使ってセットでグループ化する方法を考えています。私はこのアウトラインを持っており、基本的にその上に素敵な曲線の笑顔を描く必要がありますが、使用せずにそれを行う方法を理解することはできませんraphael.path( "")、私はhttp://jsfiddle.net/creativestudio/K3B3r/2/を作成しました
1 に答える
私はラファエルと一緒に仕事をしてきましたが、あなたが要求しているようなユニークな形を作らなければなりませんでした。残念ながら、組み込みのシェイププリミティブでない場合は、raphael.path()を使用する必要があります。
これらのパスを作成するのは少し悪夢かもしれませんが、手助けをするために、svgエディターを使用してパス文字列を作成することをお勧めします。Adobe Illustratorを使用して形状を描画し、それをsvgファイルとして保存してから、そのsvgファイルをテキストエディターで開き、パス文字列(パスタグの「d」属性)を引き出します。「m」または「M」で始まる最初の座標(小文字のmは相対的な開始点であり、大文字は絶対的なものだと思います)で遊んで、svgのコンテキストで形状が開始する場所を調整する必要がある場合があります。画像。それはちょっとした道のりとエラーです。
Adobe Illustratorをお持ちでない場合は、Inkscapeのような無料のプログラムを使用するか、次のようなオンラインsvgエディターを使用することもできます。http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html(パスを取得するには、左上の[ソースの編集]ボタンを選択します)
また、ここでsvgパス要素の仕様を確認します:http ://www.w3.org/TR/SVG/paths.html#PathElement
申し訳ありませんが、これは最も簡単な方法ではありませんが、実際には「笑顔」の形を実現する唯一の方法です(クリエイティブになり、2つの円を重ねる場合を除きますが、1つの円を背景にフェードインする必要があります。この場合は勾配であるため、実行が非常に困難になります)