RAPHAELIST

Raphael.jsは日本語ドキュメントが少ないので、初心者には敷居が高いのを何とかするブログ

【Raphael.js】エレメントを囲む境界線の色を変更する

stroke属性

とはいえ、デフォルトですでに黒い境界線が描かれちゃうわけですが。stroke属性は、その境界線の色を変更します。  

実行結果

再生ボタンで実行!  

 

 

解説

テキストは初期値で境界線が描かれないので誤解されるかもしれませんが、テキストにも境界線を与えることは可能です。 また、ver2.0では境界線にグラデーションで色を塗ることはできないみたいです。残念!

Element.attr( {stroke:"color"} );

  • Element: 描画したRaphaelエレメント
  • color: カラーコード