タグ

ブックマーク / www.h2.dion.ne.jp/~defghi (2)

  • canvas要素の基本的な使い方まとめ

    Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています.えーと,そりゃもうゴリゴリと. 文書はsvg要素の基的な使い方まとめの姉妹版として作成を開始した.canvas要素の仕様は現在進行中で色々と変化しているため,一筋縄で行かないが大方のapiについて書き上がったので公開する.なお,まだ使えない機能等満載だったり,内容に間違いがあっても中々検証することができないので,その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり,webページの機能性・視認性が重要視される昨今では,svg要素と並び重要な役割を果たしている.もともとapple社が自社製osの機能向上策として,同

    yu4u
    yu4u 2013/03/11
    凄いと思ったら「svg要素の基本的な使い方まとめ」の人か…
  • svg要素の基本的な使い方まとめ

    この文書ではsvghtml埋め込みデータとして扱う際の覚書として作成した.svgの要素と属性は実際の例を踏まえて説明したつもり. 注意事項 仕様はここを参照のこと. 文書では実際の挙動を調べつつ自分なりの解釈が入っているため,多々間違いが入ってしまうかもしれないが,気にしない. スクリプトを使ってsvg要素の中身(ソース)を出力しているため,一部実際のコードと表示されるコードとの間に差異があるが,予めご了承いただきたい. 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので,複雑な図形は素直にinkscape等専用のツールを使うと良い.ただ,ここで示したことはツールを使う上でも役に立つと思う.特にアニメーションなど. svg:ベクター画像のカンバスの定義,title:タイトル,desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い

    yu4u
    yu4u 2013/01/28
    これはいいもの…
  • 1