SVG (Scalable Vector Graphics) is a very useful tool for drawing shapes and figures with simple code. It is probably one of the most useful tools that web designers are hesitant to use, although once you understand it, you’ll wonder how you ... 続きを読む
Envision.JS interactive HTML5 canvas and svg visualization library supporting HTML5 finance visualization.Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations. TimeSeries template with real-time data. This ... 続きを読む
As you can see, the size of the SVG data is significantly smaller for the example content, and what's interesting is that as the screen resolution increaases, the size advantage grows. Note that this is very simple vector content so for more ... 続きを読む
I’m currently spending most of my time explaining to students, hobbyists, professional developers and teachers how to build games using HTML5. Then, I recently thought, rather than keeping all these details for small audiences, wouldn’t it ... 続きを読む
ヒント お手持ちのsvg画像からフォントとかパスを抽出してsvgフォント化することができます. フォント情報が見つからなかった場合,パスを抽出します.一つのパスを文字として解釈します. ファイル読み込み時にパスのリサイズや位置の調整を行うことができま... 続きを読む
Try it online News Documentation Support Download RSS Feed Monday, September 17 2012 12:00 Pygal 0.12.1Pygal 0.12.1 is out!Get it via PyPi.ChangelogCabaret is online, check out the new pygal chart generator here: cabaret.pygal.org.Core rewrit... 続きを読む
…A lightweight graphics library with an intuitive graphics API and an SVG renderer. Introduction Bonsai is a JavaScript graphics library. Bonsai's main features include: Architecturally separated runner and renderer iFrame, Worker and Node r... 続きを読む
"The hood love to listen to jeezy and weezy and oh yeah SVGeezy…" A simple JavaScript plugin which detects SVG images on your website, and automatically "looks" for a standard image fallback for those older, less capable browsers. Those brow... 続きを読む
SVG, JavaScript, sie.js, まとめ正式版のSIE 1.02012年6月15日、正式版となるSIE 1.0が公開されました。これが安定版となります。これを使えば、IE6-8でSVGを表示できるようになります。無償ダウンロードhttp://sourceforge.jp/projects/sie/downloads/56190/s... 続きを読む
川崎です。3月に書いた 新 iPad Retina 対応でウェブサイトの画像作り直しが必要 の記事では、 Apple のウェブサイトの Retina Display (HiDPI) 対応について紹介しました。Apple の場合は、 倍の解像度の画像ファイル(JPEG)を用意して、JavaScript で切り替... 続きを読む
お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名(非表示設定にしていない限り)とディスプレイ・ネームは、投稿するコンテンツと... 続きを読む
SVGが少しずつ市民権を獲得し始めている昨今のWWWですが、 Raphaelとは、そのSVGをコントロールするのに非常に便利なライブラリです。 公式によさげなチュートリアルがなかったのもあり、 今回はその使い方をまとめてみようという試み。 Raphaelとは RaphaelはS... 続きを読む
「SVG にチャレンジ! 第1回」です。第2回があるかは分かりません。 インライン SVG を使って「アンリミテッド:サガ」というゲームのスキルパネル風のメニューを作ります。 実物は "アンリミテッドサガ スキルパネル" とかで画像検索してみてください。 このス... 続きを読む
pixel2svgはその名の通り、ピクセル画像をSVGファイルへ変換できるソフトウェアです。Pythonスクリプトで、ターミナルベースで動作します。 0 続きを読む
Introduction This page captures requirements input for the SVG 2.0 effort and ownership for the different effort. The intent of the Working Group is to use this document to list and prioritize requirements for the new SVG 2.0 features and ide... 続きを読む
The World Wide Web Consortium W3CのSVGワーキンググループは8月16日(米国時間)、SVG 1.1の第2版となる「Scalable Vector Graphics (SVG) 1.1 (Second Edition)」がW3C勧告になったことを発表した。SVG 1.1は2Dベクタグラフィックやベクタ/ラスタ混在グラフィ... 続きを読む
Vector Graphics JavaScript™ LibraryWhat is it? Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. In case you want to create your own specific chart or image crop-n-rotate widget, you can si... 続きを読む
本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。 【元記事】Thoughts on when to use Canvas and SVG (2011/4/23 3:48 AM) IE9 は、HTML5 の Canvas と SVG という 2 つの優れたグラフィックス機能に対応しています。... 続きを読む