オンラインでドロー＆SVG保存·Closure Draw MOONGIFT
Closure DrawはJavaScript製のオープンソース・ソフトウェア。最近は何でもWebブラウザ上で動作するようになっている。メール、RSSリーダー、カレンダー、画像編集と何でもござれだ。そんな中、弱めだったのがドロー系アプリケーションだ。 プロジェクトサイトで試せる 元々ローカルアプリケーションでもあまり数の多くないドロー系だけに、Web上で使い勝手の良いものを作るのは難しい。だが幾つか候補が出てきている。一つは先日紹介したSVG-edit、もう一つは日本製のClosure Drawだ。 Closure Drawは直線、円、四角といったオブジェクトの他、文字や画像を埋め込むこともできるWebブラウザ上で動作するドローアプリケーションだ。できあがった図はSVGで出力できるので、保存すれば別なツールで読み込むこともできる。 配置の変更やオブジェクトの移動ができる 描いたオブジェクト
るびま
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
スタートアップ SVG 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
SVGの仕様と実装まとめメモ - 血統の森+はてな
IE9 previewもSVGに一部対応したことですし、ここらで頭の整理でも…とおもったらSVGの仕様なんてまじめに読んだことないわけで。 仕様 Scalable Vector Graphics (SVG) 1.0 Specification - W3C Recommendation 04 September 2001 http://www.w3.org/TR/2001/REC-SVG-20010904/ Scalable Vector Graphics (SVG) 1.1 仕様 - W3C 勧告 2003年 1月 14日 http://www.hcn.zaq.ne.jp/___/REC-SVG11-20030114/index.html Mobile SVG プロファイル：SVG Tiny と SVG Basic - W3C 勧告 2003年 1月 14日 http://www.hcn.
SVG MAP Lab: タイリングされた地図データ
SVG MAP Lab ユビキタスWeb時代の地図サービス基盤を探究するラボサイト ～標準地図ブラウザ "SVG Map Toolkit" ベータ版公開中～ インターネット上の地図サービスでは、サーバ上のデータベースで端末の表示領域に応じた地図を動的に生成したり、クライアント上のECMA Scriptプログラムによって、タイル分割された地図を組み合わせたりして、自在にスクロールできる地図提供が近年流行しています。 しかし、サーバ上でデータベースを運用するのはコストがかかりますし、ECMA Scriptによるタイル合成では、クライアント上にそのサービス専用のプログラムをロードしますので、例えば、サービスＡとサービスＢを重ね合わせて（マッシュアップして）使う といったことを行おうとすると、かなりのプログラム知識が必要になります。 スクロール自在な地図が単なる地図ファイルの配信と標準のビューア
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
見るべし、試すべし！オンラインのSVGエディター·SVG-edit MOONGIFT
SVG-editはWebベース/JavaScript製のオープンソース・ソフトウェア。時々こういうソフトウェアに出くわすからオープンソースの紹介は止められない。オンラインで動作するWebアプリケーションは多数存在し、画像編集すらオンラインで行えるようになっている。 オンラインでSVGを作成、編集！ そういったソフトウェアは大抵Flashを使って動作する。だがSVG-editは違う、JavaScriptのみで動作するのだ。jQueryを用いたソフトウェアになっており、Webブラウザ上でSVGファイルを編集、作成できるようになっている。 まるで画像編集ソフトウェアのようなインタフェースをもち、右側に並んだツールアイコンを使ってドローができる。文字を書いたり、円や四角を描くこともできる。直線や自由線を描き、色を変更することだって可能だ。オブジェクトは描画後にドラッグして移動したり回転させることも
SVGのファイルサイズを小さくするツール - by edvakf in hatena
Adobe Illustrator や Inkscape や sodipodi などのソフトで作った SVG ファイルは、不要な要素などが含まれていたりして、けっこうサイズが大きくなったりする。 SVG というのは単なるテキストファイルなので、普通にエディタで開いて人力でチマチマ頑張ればサイズを小さくすることもできるのだけど、そういうこと (圧縮というより整形と言ったほうがいいかな) を自動でやってくれるツールがある。 Welcome To codedread Scour という Python のスクリプト。 使い方は簡単。 まず、Python が入ってることを確認する。Mac OS X や Ubuntu なら最初から入ってるので問題ない。Windows の人は、頑張ってください。 http://www.codedread.com/scour/ の一番下のほうからダウンロードする。(自分は
batikメモ - 西尾泰和のはてなダイアリー
MTM03の突貫作業でブログにメモしてなかったので忘れないうちにメモする batikはデフォルトで96 DPI pngやjpegへの出力はあるがPDF出力はない 追記: batik-rasterizerを使えばできそう 印刷から「PDFへ出力」すればPDFになる ただ、その方法でA4に印刷したときにたとえば元のSVGの横幅を「余裕を持って大きく」していた場合、その余裕も含めてページに入るようにかってに縮小されるように思えた。そのせいで例の五角形フラクタルの全体像を印刷した紙は可能なサイズより少し小さくなってしまった。SVGのwidthをレンダリングしたものから判断してぴったりにするコードを後で書く あ、あとA4が96DPIで何ピクセルであるかをきちんと計算してそのサイズで切り取るコードも。
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とはハイパーテキスト形式の画像をブラ
VMLやSVGを用いた角丸コーナー
おはようございます。時間があるときに、以下のようなサイトを作成しているのですが、この2枚のスクリーンショットは、違うところがあります。どこが違うのかというと、2枚目のやつは、ボックスのコーナーが丸っこくなっていて、いわゆる角丸コーナーと言われるものになっています。 ちょっとお洒落っぽいサイトデザインにしようと思っているのですが、そのためには、角張ったデザインよりも、角が取れたデザインの方が良いかなと考えました。で、角丸コーナーは、FirefoxやWebKit系のSafariやChromeは、以下のような感じでCSSでの指定が可能です。 -moz-border-radius: 10px; // Firefox -webkit-border-radius: 10px; // Webkit系 問題は、これらのCSSに対応していないOperaやIEです。Operaは、近い将来にサポートするでしょう
SVGの概要
JAGAT客員研究員 岸 和孝 SVGとは SVGの座標系 SVGの基本図形（直線成分） SVGの基本図形（曲線成分） 図形の定義・参照 図形の移動，回転，変形 SVG図形を動かす（SMIL機能） SVG図形を動かす（JavaScript） SVGで表とビジネスグラフを描く XSL変換で円グラフを描く SVGからPDFへ変換 数式表示への応用 今後の課題 SVGとは 「SVG」とは，オープンシステム環境におけるデータ交換を目的とした，XMLに基づくボキャブラリ（タグ集合）であり，W3Cによって開発・公開された規格である。SVGの仕様を携帯電話と携帯情報端末に向けて制限した「Mobile SVG」という規格も公開されている。文書記述言語として「XML」が「SGML（ISO/IEC 8879，JIS X 4151）」の後継として，さらに「XSL」が「DSSSL（
Samples at SVG-Whiz!
Tips and Scripts About the code samples. This is a combination of a FAQ and a code snippet library. It will show hints on best-practice for authoring SVG documents, as well as answer some perennial questions that pop up in the SVG developer community. SVG Doing the Right Thing in SVG. There are often many ways of doing the same thing in SVG. Usually, there is a best way to achieve any given effect
SVG Zoom and Pan - 朝顔日記
2005-09-06 ua tool firefox adobe SVG Viewer もありますし、Opera もネイティブで SVG に対応していますし、Firefox も 1.5 で正式に SVG をサポートしますので、SVG もだいぶ実用的に使える環境が整ってきたと思われる昨今です。SVG はベクター画像なので拡大縮小してもビットマップ画像のように表示が汚くならないという利点があります。 ところで、Firefox 1.5 でサポートされる SVG ですが、残念なことに現状では拡大縮小や画面上でのパンが出来ません。Bug 163068 - Implement pan and zoom controls ですね。しかし、そこはよくしたもので SVG の ズームやパンを出来るようにしてくれる拡張があります。ということで、the firefox zoom and pan extension
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Perlモジュール SVG-2.25 の翻訳 - perldoc.jp
SVG Examples
よちよち歩きのSVG ブログ : インライン SVG
跳转提示
IBM Developer
