タグ

svgに関するmuamqmのブックマーク (8)

  • DEFGHI1977のWEB技術まとめ・ツール等

    written by DEFGHI1977 [重要] auonenetホームページ公開代理サービス終了に伴い、公開済みの各種ドキュメントをxdomainサーバーに移行しました. 旧アドレスへのアクセスはページにリダイレクトされます. お手数ですがブックマークやリンクなどのURL参照先の更新・変更をお願いいたします. You were redirected from old "dion(auonenet)" page which had been out of service. Please update URL settings of your bookmarks, links or more. Thank you. 突貫工事で作ったため, 抜けがあるかもしれません. ゲームツール等(game tools) 悪魔城ドラキュラHoD(Castlevania HoD)・アイテム早見表(Cas

  • Android 5.0からSVG準拠のdrawableが書けるようになりました - agri-note inside

    こんにちは、Androidチームの中川@Nkznです。 Android Studio 0.8.14のリリースノートを見ていて知ったのですが、LollipopのAPI Level 21では<vector>などのdrawable系タグが拡充されたのですね。 名前的にベクターイメージが書けそうですが、実際何ができるのだろうと思って調べてみました。 Working with Drawables | Android Developers Vector images are represented in Android as VectorDrawable objects. For more information about the pathData syntax, see the SVG Path reference. <vector>の中に書く<path>タグのpathDataの記法が、SVG準拠

    Android 5.0からSVG準拠のdrawableが書けるようになりました - agri-note inside
  • SVG未対応ブラウザのシェアって今どれくらいか?2014年10月版 - 聴く耳を持たない(片方しか)

    先日発売されたiPhone 6 Plusでは従来よりもさらに画面が大きくなったり、Retina iMacの噂があったり、様々な機器でディスプレイの高解像度化が進んでいます。 それらの環境に合わせてピクセルサイズを変えていくつも画像を作るより、いっそSVGのようなベクター形式に移行したい!……でも古い環境が残っててまだまだ使えないんでしょ? と考えている人も多いのではないでしょうか。 じゃあ実際どれくらいの環境が残っているのだろう?というのを調べてみました。 Twitterや検索から来た人はどうせ最後まで読まないと思うので結論を先に書くと 簡略な結論 2014年10月現在、SVG未対応のInternet Explorer8以下は依然として大きな割合を占めてるものの、iOS・AndroidではそろそろSVGが使える環境が整ってきましたよ という感じです。 PC向けはSVG未対応の環境は26.9

    SVG未対応ブラウザのシェアって今どれくらいか?2014年10月版 - 聴く耳を持たない(片方しか)
    muamqm
    muamqm 2014/10/08
  • Retina対応にSVGは本当に使えるのか?

    高解像度スクリーンに対応できるのは嬉しいですが、普通の解像度しか持たない端末にも大きなファイルをダウンロードさせなければならないのは、3G回線などの遅い回線での表示パフォーマンスを考慮すると、SVGが適していないケースもありそうです。ただ、サーバ上でGZIP圧縮した場合、平均30%ほどサイズを削減できることを考慮すると、数十KBの差がある場合を除いて、表示パフォーマンスと表示クオリティのバランスもとれてくる気がしています。 ちなみに、Illustratorで「圧縮」を選択してsvgzとして保存すると2,395Bになりました。これならPNG8のファイルサイズにだいぶ近くて良い感じですね。Apacheの設定にSVGZが記述されていれば圧縮版を使えるので、このサイズだったら現実的な気がしてきました。ただ、サーバの設定がうまくいかないのか、Illustratorでの書き出しが悪いのか、SVGZを表

  • Graphical Webの拡がり;HTML5とその周辺技術で実現する | gihyo.jp

    もちろん、すべてHTML5を中心とする標準技術であるため、JavaScriptを通じてそれぞれを組み合わせて利用できます。 注目されるGraphicalWeb こうした新しいWebのグラフィックス技術の拡大もあり、2012年にはThe Graphical Webというカンファレンスがスイス開催されました。 The Graphical Web2012のWebサイト 実はこのカンファレンス、2002年から10年以上も続いているカンファレンスで、2011年まではSVG Openという名前で開催されていました(ちなみに、2007年には日で開催されました⁠)⁠。しかし、2012年からカンファレンス内で扱う技術SVGのみにとどまらず、HTML5 media、CSS3 Animations、2D Canvas、WebGLなどの技術も取り上げることとなり、こうした技術の総称としてカンファレンスのタイト

    Graphical Webの拡がり;HTML5とその周辺技術で実現する | gihyo.jp
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • eps -> svg への変換

    最初,出来ませんでした. vistaでやってるんですがね なんかGsviewを使って,pstoeditを使えば出来るとか聞いたのでやったんだけれど svgへの出力がうまくいかない. もちろんシェアじゃない方のplot-svgオプションを使ってもダメ. で別の方法を探すことに… Image-Magickっつう素敵ソフトを発見. カラーepsをGrayscale epsにするのはこの方法で良さげ Active perlがいるらしいんだけれどもね とすれば,カラーのhoge.epsがグレースケールのika.epsに ただし,ベクトル図がラスタ図になってしまっている気がする. んで,よくよく見ると Image^magickのdpiサイズがデフォルトで72dpiらしく元の画像よりも少なくなっている 縮小の画像変換では,ラスタ図になるらしいので dpiのサイズを大きめで保存 -density以下は,ざ

  • Web 酒 肴 - Flexで動的にベクタ画像を表示する方法

    Web 酒 肴 Flex, ActionScript, CMS, Ruby on Rails, Java, NetBeansなどの技術情報その他 Flex3の標準ライブラリでベクタ画像を表示する方法を模索中。 Imageコンポーネントではベクタ画像として唯一SVG形式がサポートされていることをヘルプファイルで発見。 以下のようにhoge.svgを表示しようと試してみるも失敗。 <mx:Image source="hoge.svg"/> エラーメッセージを読むと、どうやらSVG形式は動的に読み込むことはできず、 最初からSWFファイルに埋め込む形にしなくてはならない。 つまりこのようにする。 <mx:Image source="@Embed('hoge.svg')"/> こうすると表示できるが、コンパイル時にSWFファイルに埋め込まれる形になる。 つまりユーザの選択に応じて別の画像を表示し

  • 1