HTML5:canvas 要素とSVG

2013-12-02 :  PCクリニック
本文の前に、
-・・・ -・-
現時点での、blogramのランクインカテゴリは、
3、2、2、0、1、 0、0、1、0、0(38)で、換算ポイント 61pt 。
今朝になって「C言語」が2位に戻った。
・-・ - -・

さて、本文。

先月下旬(2013-11-24)に、
HTML5:<canvas>要素
を書き、
RGraph : HTML5 charts library
Flotr2 : HTML5 charts & graphs library
と続いた。

(今のところ、)
「Flotr2」が<紙>が気に入っているもの。

  「Flotr2」では、
  「flotr2.min.js」(96.7KB)1つで、OK。

  「RGraph」では、
  「RGraph.common.core.js」(124KB)、
  「RGraph.line.js」(121KB)
  の2つが必要。

と云うこともあって。


それで、“百科事典”「ウィキペディア」を見ると、
canvas要素
  canvas要素とは、
  HTML5の一部で、
  動的な2次元ビットマップ画像の描画のためのHTML要素。
  2次元ベクター画像はSVGで、
  3次元画像はWebGL。
  ・・・・・

とあった。
canvas は、“動的”な2次元画像描画のため ?!?!

そして、「SVG」なるものがある???


そう云えば、某社のサイトに:
SVG と Canvas でどちらを選ぶか
なんて云うのもある。


そうこうしているうちに、
「【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ」に、
canvasライブラリ、オススメ8選
と云うのもあった。

  ・・・・・
  今回は、html5のcanvasのオススメライブラリを紹介しようかなと思います。
  ・・・・・

  グラフ系canvasライブラリ
  ・HighChart
    商用でなければフリーで使えます。
  ・elycharts.js
    もとになっているrapheal.jsは、SVGでの描画
  ・canvasChart
    デモの量が半端ない
  ・Flot
    シンプルなライブラリ
  アニメーション系canvasライブラリ
  ・・・・・
  ・・・・・

以前書いた記事の中にある、
「Web Designer Aid」サイトの、“18選”:
HTML5 Canvas Graphing Solutions Every Web Developers Must Know
とは、また別のものですね。


それで、
4番目の「Flot」は、
「Flotr」とは別物で、当然「Flotr2」とは別物。
ややこしい???
これは、

    Attractive JavaScript plotting for jQuery
  Flot is a pure JavaScript plotting library for jQuery,
  with a focus on simple usage,
  attractive looks and interactive features.
  ・・・・・

だそうで、

jQuery
    What is jQuery?
  jQuery is a fast, small, and feature-rich JavaScript library.
  It makes things like HTML document traversal and
  manipulation, event handling, animation, and
  Ajax much simpler with an easy-to-use API that
  works across a multitude of browsers.
  With a combination of versatility and extensibility,
  jQuery has changed the way that millions of people write JavaScript.
  ・・・・・

jQuery 日本語リファレンス
  jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。

  ライブラリの入手および詳細な情報 : 本家サイト(英語)
  ・・・・・


そうすると、
「SVG」
「jQuery」
とか、その他(?)とか、・・・


もう少し学習が必要かナ?????



お粗末でした。


見ていただいた序でとは厚かましい限りですが、
お帰りに投票して頂けるとなお嬉しいです。 ⇒ blogram投票ボタン


131124
関連記事
スポンサーサイト

コメントの投稿

管理者にだけ表示を許可する

おきてがみ/blogram
blogram投票ボタン



おきてがみ

最新記事
カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
月別アーカイブ
カテゴリ
最新コメント
検索フォーム
リンク
プロフィール

<紙>

Author:<紙>
ようこそ。
「パソコンヲタクの雑記帳」
もろもろなことを綴っています。
パソコン ヲタクってねくら?
画像は kami でなく kani です。

カウンター(fc2、i2i) /Google Analytics


i2i(from 2010-08-24)
Total =
Today  =  
Yesterday=
アンチエイジング

Google Analytics
ブックマーク