上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 SVG勉強用のHTMLプレビュー装置です。スタートを押すと、リアルタイム編集が可能。CSS講座にある簡単なスクリプトのリアルタイムバージョン。
 最新ブラウザ、「chrome7」「IE9 Beta」「Firefox4 Beta」でしが描画されません。
 今回デフォルトで描けるのは「ポリライン」と「ポリゴン」。すべてSVGで出力できます。





実際に表示確認してみる(編集可)
【HTML】

【CSS】


■薄いドットのボーダーは、CSS側で描画しています。「<SVG>ボックスのCSSボーダー」です。
■横に並んでいるのは、SVGでの座標指定によるものではなく、「<SVG>ボックスのCSSフロート」です。

Basic Shapes – SVG 1.1 (Second Edition)

このエントリーをはてなブックマークに追加
Wed.02.09.2011
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。