タグ

SVGに関するragrockのブックマーク (4)

  • SIE の使い方 - SIE - OSDN

    使い方に関しましては、こちらのデモを交えた公式ページがわかりやすいかもしれません。 http://sie.osdn.jp/usage.html 上の公式ページでは、HTMLファイルでSIEのスクリプトを呼び出す方法ですが、それとは別に、もう一つ、SVGファイルから直接、SIEのスクリプトを呼び出す方法があります。 </svg>とSVGファイル文書の最後に必ず書かれている文字の手前で、以下のように、スクリプト要素を書いてください。 <script type="application/ecmascript" xlink:href="sie.js"></script></svg> こうすれば、SIEを呼び出すことができます。ただし、これは、sie.jsがSVGファイルと同じディレクトリにある場合です。また、xlinkの名前空間を書くのを忘れないようにしてください。 <svg xmlns:xlin

    SIE の使い方 - SIE - OSDN
    ragrock
    ragrock 2011/04/21
  • 2011年はSVG元年に。デザイナー大注目の画像フォーマット「SVG」の特徴を一気におさらい。

    MIX11で「SVG女子」が紹介されました! 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日上陸は4/26!「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ! SVGの気になる疑問に答えます! SVGって何? SVGScalable Vector Graphics)は、XMLによって記述されたベクターグラフィック言語のこと、あるいは、SVGで記述された画像フォーマットのこと。W3Cでオープン標準として勧告されている。 Scalable Vector Graphics - Wikipedia 簡単に言うと、ブラウザで表示できるベクター画像のフォーマットです。 SVGって何がすごいの?どういうところが便利なの? ベクターデータなので拡大しても荒れません。 例えば

    ragrock
    ragrock 2011/04/21
  • Raphaël―JavaScript Library

    The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra

  • SVGとRaphaël.jsとスマートフォンの動作実験 | wpe no log

    この実験が果たして何の役に立つかはわかりませんが、SVGてそういやよく知らなかったので色々調べてみた。 わかった事はSVGはxmlで書かれたベクターパス情報で、Adobe Illustrator CS2以降で書き出せるらしいということ。FireFoxにChrome、SafariにOperaなどのブラウザはHTML5でsvg要素をサポートしているので問題なく見れ、IEもIE9からサポートとのことなのでPCブラウザでは利用価値がでてくるかもしれないということ。IE8以前はVMLという別の規格のものがあると。 前から名前は知っていたけど使う場面がなかったのでスルーしていたSVG。これとcanvas要素は何が違うかというと、canvasがビットマップでSVGがベクター。例えるならcanvasがPhotoshopでSVGがIllustratorって感じかな。 で、そのSVG(VML)の表示に関してサ

    ragrock
    ragrock 2011/03/08
  • 1