<img>タグで埋め込んだSVGファイルの色変更をする JavaScript｜プログラムメモ
ベクターデータのSVGファイルはRetinaディスプレイがどんどん増えてくる今後代替フォーマットが登場しない限り主流になってくると思われます。 ただし、＜img＞タグでSVGファイルを読み込むと色変更がCSSでできません。 （＜SVG＞タグとソースを直接貼り付ける必要がある） そこで desvg.js を使用します。 ● deSVG http://benhowdle.im/deSVG/ imgタグで埋め込んだ外部SVGファイルの色変更が出来るようになります。 <script src="path/to/desvg.js"></script> <script> $(function(){ deSVG('.my_svg', true); }); </script> <img class="my_svg" src="xxxxx.svg" width="26"> .my_svg path{ colo
SVGを使った高度なアニメーションを実現できるライブラリ「BonsaiJS」:phpspot開発日誌
BonsaiJS - A Graphics Library SVGを使った高度なアニメーションを実現できるライブラリ「BonsaiJS」 高度なアニメーションが直感的なAPIによって実現できるライブラリです。 デモページでのデモが楽しい。 アニメーションのコードも分かりやすくドキュメントも充実してます 関連エントリ faviconを円グラフにしてアニメーションできる「Piecon」 CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」 WEBデザイナーなら見ておくべきCSS3のアニメーションチュートリアル マウスを近づけると徐々にアニメーションする効果を作るjQueryプラグイン「Approach」 アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」
Flash変換ライブラリ「Lightning」を公開しました | Geisha Tokyo Engineers' Blog
Engineer blog from Geisha Tokyo Entertainment, Inc. 芸者東京の山内です。 弊社にて開発したPythonベースFlash変換ライブラリ「Lightning」をオープンソースで公開しました。 lightning (github) ライセンスはThe MIT Licenseです。 このライブラリは弊社アプリ「おみせやさん」のiPhone版で店やアバターを表現するのに使っています。 Flashで作成したswfファイルを、LightningによってiPhone用のWeb素材に変換します。 Lightningのすごい所 1. 高い再現率 SVGによるベクターグラフィックスと、CSS3-keyframeAnimationを組み合わせて利用し、再現率の高いアニメーションを実現しています。 swfとほぼ同等の見た目が再現できます。 2. 滑らか
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
スタートアップ SVG 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
10分でわかるSVG 基礎編
知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）
SVG女子｜SVG Girl
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
2011年はSVG元年に。デザイナー大注目の画像フォーマット「SVG」の特徴を一気におさらい。
MIX11で「SVG女子」が紹介されました！ 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日本上陸は4/26！「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ！ SVGの気になる疑問に答えます！ SVGって何？ SVG（Scalable Vector Graphics）は、XMLによって記述されたベクターグラフィック言語のこと、あるいは、SVGで記述された画像フォーマットのこと。W3Cでオープン標準として勧告されている。 Scalable Vector Graphics - Wikipedia 簡単に言うと、ブラウザで表示できるベクター画像のフォーマットです。 SVGって何がすごいの？どういうところが便利なの？ ベクターデータなので拡大しても荒れません。 例えば
SVG女子を90%軽くしたSVG軽量化テク+α #svggirl
あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を（いろんな意味で）驚かしてきましたが、 ついに本日、日本でも公開されました！ しかも日本版に合わせてアニメーションも長くなっています！ こっそりブラウザを英語にして見ていた人も必見です！ （神風動画さんによる予告編動画！） 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装（プログラマーブログ） で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回
SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に
Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScriptと並ぶWebの要素に SVGは2001年にバージョン1.0、2003年にバージョン1.1がW3Cの勧告として策定されました。しかしマイクロソフトはIE6、IE7、IE8とずっとSVGに対応せず、一方でSVG策定以前から同社などが推進していたVML（Vector Markup Language）と呼ばれるベクター形式の言語を実装してきました。 Webブラウザで最大シェアを持つIEで使えないSVGは
【ハウツー】フルブラウザ対応SVGアプリケーション『SVG-edit』の使い方 (1) SVGに普及のきざし | エンタープライズ | マイコミジャーナル
SVGに普及のきざし A complete vector graphics editor in the browser ブラウザにおける2Dベクターグラフィックの利用にSVGが普及する気配を見せている。SVGは登場してからだいぶ経つが、Webコンテンツにおける主要なデータフォーマットのひとつとはいえない状況にある。 しかしHTML5でHTMLページに組み込むことが可能になること、IE9でサポートされる可能性が出ていること、IE以外の主要ブラウザですでに利用できること、グラフィックアプリケーションでの対応が進んでいること、といった状況があり、今後普及を見せる可能性がある。 SVGがWebに適している9つの理由 IE9のSVGサポート、固い路線 SVGとCanvasのどちらを使うべきか考える SVGを扱うことができるグラフィックアプリケーションは多い。中でも最近注目されはじめているアプリケーシ
いまさら聞けないSVG、なぜ知られていないのか？
いまさら聞けないSVG、なぜ知られていないのか？：いまさら聞けないリッチクライアント技術（9）（1/3 ページ） 「SVGって何？」と思うのは無理もない PCで取り扱う画像のフォーマットにはいろいろな形式があります。JPEG、GIF、PNG、BMP、TIF、…… などなどいろいろあります。さて、その画像形式の中で「SVG」というフォーマットがあるのはご存じでしょうか？ このSVG「ベクタデータで画質のクオリティが高い！」「テキストファイル作成されているので、汎用性が非常に高い！」「XML形式で記述ができて管理しやすい！」「JavaScriptと相性バツグンでリッチコンテンツが手軽に作れる！」など、とてもWebと相性が良さそうな画像形式です。 いろいろな長所を持つ「SVG」は、知らない人にとっては「新しい技術」と思うかもしれません。しかし、Webの標準化団体「W3C」からSVG 1.0が勧告
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://dresscording.com/blog/svg/retina_svg.html