タグ

ブックマーク / www.webopixel.net (2)

  • SVGを簡単に扱えるJSライブラリRaphael.js使ってみた

    SVGを簡単に扱えるJSライブラリRaphael.js使ってみた jpgやpngはビットマップなため拡大すると画像が荒れてしまいますが、SVGはベクターデータなため拡大しても荒れることはなく単純な図形のような画像なら容量も抑えられるといった特徴があり注目されています。 この記事ではJavaScriptからSVGを描画できるRaphael.jsというライブラリをご紹介します。 投稿日2012年07月06日 更新日2012年07月06日 ライブラリのダウンロード 下記公式サイトからダウンロードしてください。 Raphael_JavaScript Library 解凍したフォルダの中にある「raphael-min.js」を読み込みます。 簡単な図形を描いてみる 最初に簡単な丸を描いてみます。 SVGを描画するための「div」を用意します。 html <div id="svg"></div> cs

    SVGを簡単に扱えるJSライブラリRaphael.js使ってみた
  • jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

    jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク(href)を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){

    jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
  • 1