東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの？ 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
MacでSVGファイルを簡単にPNGファイルに変換する | CaCi - Takahiro's Kitchen
いやもうここに載ってあった鮮やかすぎる変換方法のただの転載なんですが… $ qlmanage -t -s 1000 -o . ***.svg これだけです。 ***.svgに変換したいsvgファイルを指定すると、***.svg.pngというファイル名でpngファイルが生成されます。 -s 1000 の部分の数字はピクセル数になります。-s 2000 にすると2000×2000ピクセル幅のpng画像が出力されます。 オプションの -t はおまじないと思って必ずつけて下さい。あと -o . はファイルの出力場所を指定してるのですが、これを抜くと出力ファイルが生成されないので、やはりおまじない的につけておきましょう。 さて、このqlmanageコマンドですが、どんな画像も正方形で出力してしまいます。（※引き伸ばしてるわけではありません。）具体的にどんな画像になるのかを実際のsvgファイルを変換し
svg要素の基本的な使い方まとめ
この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した．svgの要素と属性は実際の例を踏まえて説明したつもり． 注意事項 仕様はここを参照のこと． 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため，多々間違いが入ってしまうかもしれないが，気にしない． スクリプトを使ってsvg要素の中身(ソース)を出力しているため，一部実際のコードと表示されるコードとの間に差異があるが，予めご了承いただきたい． 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので，複雑な図形は素直にinkscape等専用のツールを使うと良い．ただ，ここで示したことはツールを使う上でも役に立つと思う．特にアニメーションなど． svg:ベクター画像のカンバスの定義，title:タイトル，desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い
iOSアプリ開発日誌：ベクター化（SVG化）したドラえもん
iPad向けに開発中のベクター・エディター、 ようやく形になってきたので、実際の用途の使えるかどうかのテストの意味で、まずは「ドラえもん」を習作してみた。 この場合、あまり複雑なカーブはないので、ほとんどは円と線を適当に変形させながら、順番に重ねて行くだけのこと。顔と体はあっというまに書けた。 苦労したのは、首に巻き付いている鈴の紐。ただでさえ、二つのカーブを並行に並べるのは難しい上に、それがあごのカーブとも重なっているので妙に時間がかかってしまった。１００％満足できるものではないが、習作としては十分だろう。 ちなみに、これを作る過程でも、いくつかの些細な不具合が見つかったので、それを修正しているところである。 考えてみると、MS Paintに代表されるビットマップエディタは広く使われているものの、ベクターエディターというのはあまり一般には使われていないというのが現状である。パソコンでは、
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をプラグインレスで表示するJavaScriptライブラリ「SIE」の開発者に聞く | スラド
SourceForge.JPでは、同サイトを利用するオープンソース・プロジェクトを毎月1つピックアップし、その開発者にインタビューする「今月のプロジェクト」というコーナーを設けています。今回は、SVG画像を表示するためのJavaScriptライブラリ「SIE」の作者dhrnameさんにお話を伺いました。 プロジェクトの概要 プロジェクト名: SIE 登録日: 2008-01-16 20:38 URL: http://sie.osdn.jp/ プロジェクトホーム: http://osdn.jp/projects/sie/ 動作環境: その他環境, Win32 (MS Windows) ライセンス: Mozilla Public License 1.1 主要対話語: 日本語 プログラム言語: JavaScript プロジェクト管理者: dhrname SIEとはハイパーテキスト形式の画像をブラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
d3.js - Data-Driven Documents
SVGでゲームっぽいデモ
