【XML】SVGってどうなの2【DOM】

1 ：Name_Not_Found：2006/08/11(金) 12:30:46 ID:0ktWc2zc.net

前スレ落ちたので、あまり要らないと思うけど立てました。

Web2.0とかAjaxの陰に隠れて全然ブレイクしないSVGですが、
OPERAやFirefoxなどネイティブ実装は着々と進行しています。
むしろAjax+SVG（+XForms)は最強無敵艦隊といえるほどのポテンシャルを
秘めており、これが実現すれば（いやネイティブ実装ブラウザでは
すでに一部実現していると思われ）Flashイラネになるでしょう。

もう一つニュース
ｷﾀ━━━━(ﾟ∀ﾟ)━━━━ｯ!!
SVGの新バージョン「SVG Tiny 1.2」、W3Cの勧告候補（CR）に
ttp://www.itmedia.co.jp/news/articles/0608/11/news023.html

早い事フルバージョンの1.2もたのみます！

2 ：Name_Not_Found：2006/08/11(金) 12:37:52 ID:???.net

なかなか難しいところですね。

3 ：Name_Not_Found：2006/08/14(月) 22:22:20 ID:???.net

IEがSVG

4 ：Name_Not_Found：2006/08/14(月) 22:34:12 ID:???.net

IEは7でも糞

5 ：Name_Not_Found：2006/08/18(金) 23:53:39 ID:???.net

ところでIE7はデフォルトでSVGをサポートするんかな？（Tinyでもいいからサポート汁！）
ADOBEのviewerプラグイン入れろ、というのならIE6でも出来る罠。

6 ：Name_Not_Found：2006/08/27(日) 16:03:26 ID:???.net

>>5
ttp://taken.s101.xrea.com/blog/article.php?id=560

だれか英語の得意な人
ここのリンク先の英語ソースの
解説お願い。

7 ：Name_Not_Found：2006/09/12(火) 02:43:23 ID:???.net

最近のSVGの動向がわからない件
動かしたりして遊んでみた事あるけど
いまいち使いどころが判りかねている

8 ：Name_Not_Found：2006/09/12(火) 14:07:43 ID:???.net

使い所となると微妙だな
オープンソースでの汎用フォーマットとしては需要を確立しつつあるようですけどね。Sodipodi分派のInkscape出世が大きいのかな。
ソフトなくてもFirefoxでプレビューできるのも手軽。
風当たりで即死する類いの技術ではなくなったと思ふ

IEも、サーバサイドでSVG-XAMLのCanvasに置換とかできたりしねーかな
先の「7.2でSVG対応」って話が真実なら歓迎だけど、対応度の不安もつきまとう

9 ：Name_Not_Found：2006/09/14(木) 06:18:06 ID:???.net ?2BP(0)

SVGでVISIOのコネクタみたいな線の描き方ってできますか?
座標を直入力するのは修正時に面倒なので極力避けたいのですが。。。

10 ：Name_Not_Found：2006/09/14(木) 17:03:17 ID:???.net

Inkscapeでオブジェクト同士の配置を基準に繋ぐシェイプあるけどSVGの機能とかでは無い様子ですね
connection-end/start保持してソフトが座標再計算してるだけだったorz

11 ：Name_Not_Found：2006/09/14(木) 22:50:32 ID:???.net

つscript

12 ：Name_Not_Found：2006/10/02(月) 18:58:12 ID:???.net

SVGで面白いもの作れって言われたんだけど、
SVGなんて初めて触るから何が何だか･･･。
何か良い案ないですか？

13 ：Name_Not_Found：2006/10/02(月) 19:08:09 ID:???.net

誰に言われたかによるんですが。宿題か？
最初はInkscapeなりで生成したSVGソースを解析しながら、想定するビューアで動かせるJavaScript仕様調べるしかないでしょ。

14 ：12：2006/10/02(月) 19:34:26 ID:???.net

ゼミの先生に言われたんだが、
ただでさえプログラミングとかよくわからんのに
こんなのやれと言われて参ってる･･･。
本を買おうにも洋書しかないしorz
とりあえず、Inkscapeとやらをダウンロードして色々試してみるわ。
ありがとう。

15 ：Name_Not_Found：2006/10/07(土) 20:42:28 ID:???.net

>>12

SVG でアニメーションやアプリケーションを作成するには JavaScript
を使うと思うけど、基本的な使い方は HTML のときと変わりませんよ。
それと、あえて洋書を買わなくてもネットの情報だけ（日本語サイトだけでも）で十分だと思います。

基本的な SVG 要素について学ぶなら
http://www.asahi-net.or.jp/~uf4k-nkjm/SVG/index.html
http://dhr.at.infoseek.co.jp/svgindex.htm

SVG を使ったアプリケーションの例としては
http://park5.wakwak.com/~toshkish/puzzle/ownpic_xtr_ja.html

JavaScript でプログラミングをしたいなら下記をお薦め
http://www.amazon.co.jp/gp/product/4756138713/sr=8-5/qid=1160221235/ref=sr_1_5/250-1814939-1173047?ie=UTF8&s=books

16 ：12：2006/10/09(月) 12:40:09 ID:???.net

>>15
これはわかりやすい！
ありがとう！

17 ：Name_Not_Found：2006/10/09(月) 17:40:16 ID:???.net

JavascriptからSVGの要素を生成したいんですけど、解説サイトに載ってません。
要素の数はあらかじめ決まってなくて、入力でそのつど作るというのがやりたいです。

18 ：Name_Not_Found：2006/10/10(火) 01:06:13 ID:???.net

Firefoxでだったら
createElementNSを使って名前空間を指定してやる必要がある
あとはHTMLの要素を作る場合と同じ

19 ：17：2006/10/10(火) 07:16:09 ID:???.net

ありがとうございます。「NS」が付くのは知りませんでした。

20 ：Name_Not_Found：2006/11/01(水) 23:08:19 ID:???.net

一応前スレを。
SVGってどうなの？
http://pc8.2ch.net/test/read.cgi/hp/1004465594/

個人的な意見としてはは、ネイティブ実装にはあまりこだわらない。
プラグイン入れるのにそんなに苦労しないしね。

21 ：Name_Not_Found：2006/11/20(月) 17:47:38 ID:???.net

SVGスレなくなったかと思った……。
AdobeがSVGから手を引いたり、その主要人物がIBMに行ったり、Gecko 1.9の実装とかOpera 9の実装とか、結構面白くなってきてるのに……。

という訳で保守。

22 ：Name_Not_Found：2006/11/20(月) 20:42:08 ID:???.net

SVGって今はじめて知ったが、使いどころに悩む技術だな・・・

23 ：Name_Not_Found：2006/11/20(月) 22:32:31 ID:???.net

何を悩むんだよ？

24 ：Name_Not_Found：2007/01/24(水) 20:50:33 ID:???.net

あまり普及していないからな。

25 ：Name_Not_Found：2007/01/27(土) 19:04:54 ID:???.net

「あまり」どころか「全く」でしょう。
Adobeが一時期がんばってましたが、Webで普及させようとして失敗し、
ベクターグラフィックの標準フォーマットにしようとしてまた失敗し、
最後にはポイ。
（Flashが手に入ったので実際問題SVGなんてもうどうでもいいんでしょう）

IE以外の各種ブラウザでネイティブ実装が進んでますが、
IE以外なんて合わせて1%に過ぎないので影響力は皆無。
Adobe Illustrator CS2とかいまだに保存フォーマットでsvg選べるけど、
わざわざ選ぶ人がいるとも思えない。

26 ：Name_Not_Found：2007/01/28(日) 06:17:34 ID:???.net

Adobe が svg をポイしたって言う奴は mars を知らんのか?

27 ：Name_Not_Found：2007/01/28(日) 16:42:04 ID:???.net

>IE以外なんて合わせて1%に過ぎないので影響力は皆無。

いつの時代の方ですか？

28 ：Name_Not_Found：2007/01/29(月) 20:34:16 ID:???.net

Adobeソフトに対応しているオープンなファイル形式としての存在価値はInkscapeがある限りは崩れまい。
ブラウザ用途には当面期待しとらんです。

29 ：Name_Not_Found：2007/03/03(土) 20:01:58 ID:???.net

>>25
SVGに何か恨みでもあるのか？
それともMSのSVG対抗規格の開発者？

30 ：Name_Not_Found：2007/04/10(火) 02:26:34 ID:DVrT/4AP.net

べつやくメソッドみたいなことはSVGで出来ないのかしらかしら

31 ：Name_Not_Found：2007/04/24(火) 14:10:31 ID:2Mupw1RM.net

最近あったWindowsUpdateの後、
WinXP+IE6+SVGViewerでテキスト表示が出来なくなりました。

同様の現象が起こっている方いらっしゃいませんか

32 ：Name_Not_Found：2007/04/24(火) 14:26:49 ID:???.net

>>31
今>>15のところを見てみたらマジに見えなくなってたｗｗｗ

33 ：Name_Not_Found：2007/04/24(火) 21:12:21 ID:cO65Yl9u.net

>>31-32
winのアップデートで変なフォント入れたろ
あれが原因

>>30
出来る

34 ：Name_Not_Found：2007/04/26(木) 21:25:00 ID:???.net

Operaの対応がAdobe SVG Viewerを超えたよ

http://operawatch.com/news/2007/04/how-opera-ranks-with-its-svg-implementation-best-native-implementation.html
http://www.codedread.com/svg-support.php

35 ：Name_Not_Found：2007/04/27(金) 11:16:50 ID:???.net

Firefoxは意外に苦戦してんのな

36 ：Name_Not_Found：2007/04/28(土) 15:06:44 ID:g7Em7PaU.net

AdobeがFlasuに堕ちたのが痛いな。
IEがSVGをやらないのは、これ以上ブラウザが強力になったらWindowsが危ないから？

37 ：Name_Not_Found：2007/04/28(土) 15:07:35 ID:???.net

Flasuってなんだよorz
Flushね、もちろん。

38 ：Name_Not_Found：2007/04/28(土) 16:55:23 ID:???.net

ていうかWindows系OSはどこまで重くなれば気が済むの。
無意味なものばかり増やして肝心なところがおざなりって・・・

39 ：Name_Not_Found：2007/04/30(月) 17:40:09 ID:???.net

>>36
MSはマジでSVGをサポートする力がない

40 ：Name_Not_Found：2007/04/30(月) 18:06:22 ID:???.net

IE7.2でサポート予定という噂は聞いた。

41 ：Name_Not_Found：2007/04/30(月) 22:33:47 ID:???.net

>>39

MSは、正直SVGに興味が無いんだろう。
ODFを負かす事に熱を入れてるんだろ。

42 ：Name_Not_Found：2007/05/02(水) 06:20:02 ID:???.net

単にVMLでいいじゃんと思っているだけでは(w

43 ：Name_Not_Found：2007/05/02(水) 11:32:36 ID:???.net

>>42

へえ〜、そんなマークアップ言語あったんだ。
「VML」でググってみたら、
ttp://eto.com/d/0503.html#VML
が引っ掛っただが、そうなのか?

44 ：Name_Not_Found：2007/05/02(水) 17:50:00 ID:???.net

>>43
42じゃないが、それであってる。
確かにVMLを使って何かを開発とかは聞かないなぁ。

45 ：Name_Not_Found：2007/05/02(水) 18:47:40 ID:???.net

CANVASタグの方が流行ってるしな
VML実装通してIEでもCANVASタグをエミュレーションできるようになったし
MSだけの技術、では流行らんという事なんでせう

同様の手法でSVGやるにはちょっと規模がでかすぎだなー

46 ：Name_Not_Found：2007/05/02(水) 21:14:00 ID:???.net

　canvasってsvgみたいに別ファイルに保存しておいて表示って
出来ないんじゃなかったっけ？
　図面情報をファイル等から表示する+JavaScriptでエフェクト掛
けるってのが出来るなら複雑な図形を使うような用途でもcanvas
使えるんだけど。

47 ：Name_Not_Found：2007/05/03(木) 22:59:08 ID:???.net

>>46
>canvasってsvgみたいに別ファイルに保存しておいて表示って
出来ない
確かに保存できないよな。
とはいえ、SVG->Ajax->Canvasや、SVG<-Ajax<-Canvasをすれば解決すると思う。

以下を読んで、妄想を膨らませると楽しいかも。

canvas.toDataURL()
ttp://taken.s101.xrea.com/blog/category.php?k=canvas&d=&p=20&pm=10&pn=3&c=1&f=
CanvaSVG
ttp://taken.s101.xrea.com/blog/article.php?id=366

48 ：Name_Not_Found：2007/05/09(水) 18:06:52 ID:???.net

IEは対応するみたい？
ttp://rblog-tech.japan.cnet.com/kirifue/2007/04/svgadobe_svg_vi_2d86.html

49 ：Name_Not_Found：2007/05/18(金) 17:51:48 ID:???.net

>>48
今の所は『IE7に対応したプラグインがある』と言う話で、MSの態度が変わってきたっていう印象があるだけだからIEが対応するのとはちがくね？

50 ：Name_Not_Found：2007/05/18(金) 22:43:54 ID:???.net

IE7自体がピュアで搭載するのは7.2じゃなかったか。

51 ：Name_Not_Found：2007/06/12(火) 23:15:37 ID:itdlXum5.net

SafariのSVGネイティブサポート
ｷﾀ━━━━(ﾟ∀ﾟ)━━━━ｯ!!
のか？

http://www.apple.com/jp/safari/
http://www.codedread.com/svg-support.php

Windows版では確認できた
Mac版を誰か確かめてくれるとうれしい

それにしても、このブラウザはHTMLもSVGについても処理が早くて印象は良いな。

52 ：Name_Not_Found：2007/06/12(火) 23:42:29 ID:???.net

去年あたりからWebKitのナイトリでSVG実装してたから、
きっとSafari 3でもサポートされてるんだろうね。確かめてないけど。

53 ：Name_Not_Found：2007/06/14(木) 21:14:17 ID:???.net

Mac版β3もいけてるよ。軽い
でも早速Mac板で解釈不備が指摘されてたり。OperaやFirefoxにはまだまだ及ばんな

あとはIEが乗り出してくれれば急に使われ始めそうだが、7.2でのサポートの噂や如何に

54 ：Name_Not_Found：2007/06/15(金) 04:42:59 ID:???.net

いや、IEが出てきてもそんなに使われることはないだろ・・・

55 ：Name_Not_Found：2007/06/17(日) 13:31:40 ID:???.net

そういえば昔、MSDNのVMLのリファレンスに、
「VMLは標準化団体の策定した標準規格です。」とか言ってW3C Noteへのリンクを張る
などという詐欺的行為を働いてたな。
Noteが標準ではないことをW3C会員のMSが知らないはずがない。

56 ：Name_Not_Found：2007/06/17(日) 23:06:32 ID:???.net

知らないですが、何か。

57 ：Name_Not_Found：2007/06/18(月) 20:19:43 ID:???.net

そうか。じゃあ1999年頃のCSS3WDを片っ端から先行実装してたのは
WDと勧告の区別がついていなかったからなのかw

58 ：Name_Not_Found：2007/06/18(月) 21:49:23 ID:???.net

WDだろうが勧告だろうが標準仕様であるとは言うよ。

59 ：Name_Not_Found：2007/06/21(木) 23:31:42 ID:???.net

>>31-33の問題ってアップデートではいった例のフォントを削除する以外ないの？

60 ：Name_Not_Found：2007/06/23(土) 15:14:21 ID:???.net

>>57
逆。IEで実装してW3Cに実装したものを提案しただけ

61 ：Name_Not_Found：2007/06/24(日) 04:32:27 ID:???.net

うーむ、IEだとまだ標準では対応してないんだね。
Firefox だときれいに表示できるのになぁ。
GraphViz で SVG が吐けるから調子こいてWebに載せてみたら誰も見れないって。
かなしい。

62 ：Name_Not_Found：2007/06/25(月) 18:07:44 ID:Gn1Z6d30.net

IE7 に　Adobe SVG Viewer 入れたんだが、
いちいち Active X の起動がブロックされて面倒。
ローカルにある SVG ファイルを閲覧したいだけなのに。

ところで、SVG で書かれた100個程度のファイルで
ぱらぱら漫画したいんだけど、どうすればいいんだろう？

63 ：Name_Not_Found：2007/06/25(月) 18:57:34 ID:???.net

>>62
image要素で別のSVG文書を読み込めるようにして、
リンク先をanimate要素で次々と切り替えていくとかじゃないかな。
もしくはECMA(Java)Scriptで、DOMをいじって参照するファイル名を変えていくとか。

64 ：Name_Not_Found：2007/06/26(火) 18:44:54 ID:52Xo+Bb5.net

Adobe の SVG ビューアはもう終了なのか・・

65 ：Name_Not_Found：2007/07/13(金) 16:06:27 ID:Dt9RQqfN.net

>>59
それなんてフォントなの？

66 ：Name_Not_Found：2007/07/13(金) 18:46:13 ID:???.net

>>65
MS ゴシック，MS Ｐゴシック，MS UI Gothic，MS 明朝，MS P 明朝
が影響を受けるらしい。
ttp://www.microsoft.com/japan/windows/products/windowsvista/jp_font/jis04/default.mspx

67 ：Name_Not_Found：2007/07/13(金) 19:06:09 ID:Dt9RQqfN.net

おぉありがとうございます

68 ：Name_Not_Found：2007/08/13(月) 07:41:53 ID:TrqbVKNm.net

SVGってどこのサイトからダウンロード可能？

69 ：Name_Not_Found：2007/08/13(月) 08:16:42 ID:???.net

>>68
まずSVGがダウンロードできるようなものじゃないことを勉強してこい。
ある意味どこからでもDLできるっちゃできるけど。

70 ：Name_Not_Found：2007/08/13(月) 09:57:37 ID:???.net

ところで誰かSVG Open 2007行く?
http://www.svgopen.org/index_ja.shtml

71 ：Name_Not_Found：2007/08/13(月) 11:05:12 ID:???.net

>>70
前回東京であった時に行ってみたが…、
自分の英語力のなさに絶望して帰ってきたorz

72 ：Name_Not_Found：2007/09/12(水) 02:42:51 ID:???.net

test

73 ：Name_Not_Found：2007/09/15(土) 09:35:42 ID:???.net

SVGはもういらないのかな
ttp://www.html5.jp/canvas/index.html

74 ：Name_Not_Found：2007/09/15(土) 13:31:29 ID:PpW/gtH5.net

文字も描けないしアニメーションもできない男の人って…

75 ：Name_Not_Found：2007/09/17(月) 21:05:28 ID:???.net

>>73
むしろ必要じゃないか？
JSON+canvasもありだけど、JSON形式に対応した画像編集ソフトがないからな。

ところで、話は変わるけど、SVGにcavas要素を拡張してほしい。
SVG1.2のμDOMだと、cavasのAPIをパクってるのに……。

76 ：75：2007/09/17(月) 21:25:01 ID:???.net

cavasて、何だよ…
canvasだろ。恥ずかしい。

77 ：質問：2007/10/26(金) 14:36:14 ID:???.net

３ＤのＳＶＧに関して、おすすめのページとかってありますかね？

78 ：Name_Not_Found：2007/11/17(土) 01:17:09 ID:AnYNyvuz.net

http://www.nicovideo.jp/watch/sm1531131

79 ：Name_Not_Found：2007/11/17(土) 22:54:25 ID:???.net

>>78
音と画質がアレだけど、入門としては適しているかもしれない

>>77
一応、参考までに。
http://www.kevlindev.com/geometry/3D/js3d/index.htm

ところで、3Dというと、3DCGのこと？3DCGの手法だと、物体とその表面を造ってから、カメラと光源の位置を決めて、コンピュータに描かせる（撮影させる）。
つまり、SVGを勉強する前に、3DCGの勉強が先。

立体画像が描きたいだけ？
それは...お勧めのページなんて、わからないので、ごめん。

80 ：Name_Not_Found：2007/12/22(土) 19:11:21 ID:???.net

SVG Catsから入ったからアイデアプロセッサの標準仕様か何かかと思ってた。廃れるのね？

81 ：Name_Not_Found：2008/01/08(火) 14:46:53 ID:???.net

stoke-widthすごい太くして
stroke-dasharray使って格子描くテクってどれくらいみんな知ってる？

<line x1="0" y1="1250" x2="4000" y2="1250" style="stroke:black;stroke-dasharray:1,48,1,0;stroke-width:2500;"/>
<line x1="2000" y1="0" x2="2000" y2="2500" style="stroke:black;stroke-dasharray:1,48,1,0;stroke-width:4000;"/>

82 ：Name_Not_Found：2008/01/08(火) 17:35:02 ID:???.net

そんなのをテク呼ばわりするあなたがステキ。

83 ：Name_Not_Found：2008/01/15(火) 20:28:50 ID:???.net

ttp://www.atmarkit.co.jp/news/200801/15/ranking.html

84 ：Name_Not_Found：2008/01/15(火) 21:44:30 ID:???.net

SVGを殺すのは誰か − ＠IT
http://www.atmarkit.co.jp/news/200801/15/ranking.html

85 ：Name_Not_Found：2008/01/25(金) 22:45:04 ID:???.net

>>84
歴史を見てみると、MSはJavaScirptやDOMですら独自規格（JScript)を貫いているからなあ。（CSSはMSが提案者の一人なので例外）
prototype.jsのような存在が出てくれば、状況が変わるかも。

86 ：Name_Not_Found：2008/01/26(土) 08:55:41 ID:???.net

？
JScriptはECMAScriptに準拠してるけど

87 ：Name_Not_Found：2008/01/26(土) 17:12:01 ID:5u0u4TRm.net

宗主国のadobeにすら見捨てられたSVGの生きのこるには

88 ：Name_Not_Found：2008/01/27(日) 14:55:46 ID:???.net

普及してないって直球で言われてるな
ttp://www.atmarkit.co.jp/news/200801/25/html.html

89 ：Name_Not_Found：2008/01/27(日) 19:07:49 ID:???.net

XHTMLがHTMLより難しなんてことはないだろ。
HTMLより全然簡単じゃん。

90 ：Name_Not_Found：2008/01/27(日) 20:29:39 ID:???.net

>だから、ごく当たり前の結論だが、マイクロソフトがSVGを相手にしないのは合理的な戦略だ。

この記者はMSの株でも持ってるのか？

91 ：Name_Not_Found：2008/01/27(日) 20:40:05 ID:???.net

否定的な意味合いで言ってるんだと思った

92 ：Name_Not_Found：2008/01/28(月) 00:14:00 ID:???.net

CanvasもMSに相手にされなくて結局普及しないよ

93 ：Name_Not_Found：2008/01/28(月) 10:06:38 ID:???.net

canvasなんてもう普及してるから

94 ：Name_Not_Found：2008/01/29(火) 09:03:38 ID:???.net

すみません。Illustrator scriptスレからこちらに来ました。
質問なんですが、IllustratorCS2にて、SVGファイルを作りたいのですが、
線をクリックしたら線の色を変更する（SVGインタラクティビティで、イベント=onclick）
にはどうすればいいのでしょうか？
一応は検索して探したのですが…。

あまり複雑ではない配線図の線に、このような処理をしたいと考えています。
Flashで作成とかも考えたのですが、制作が大変そうでSVGを考えています。
描画もSVG（SVGZ）の方が早いと思っているのです。
どなたかお教え下さい！！

95 ：Name_Not_Found：2008/01/29(火) 11:10:06 ID:???.net

>>94

ttp://www.croczilla.com/svg/samples/

96 ：94：2008/02/01(金) 12:58:03 ID:???.net

情報ありがとです。
線の色を変える方法は何とか分かりました。
イラレ完結でやりたいので、まだまだ課題は山積みですが、色々とがんばってみます。
（ツールチップ表示やリンクなど）

97 ：Name_Not_Found：2008/02/07(木) 22:48:20 ID:???.net

>>93
じゃあ、SVGも普及しているんではなかろうか

98 ：Name_Not_Found：2008/02/21(木) 22:11:39 ID:???.net

まあ、今からSVGもcanvasも消滅することはないだろうな

99 ：Name_Not_Found：2008/03/19(水) 23:57:42 ID:P7J6P/vI.net

うおーい！Windows版SafariはSVG Filter完全無視かよ〜
そりゃないぜ！

100 ：Name_Not_Found：2008/03/20(木) 05:02:14 ID:???.net

Windows版Safariは正直それ以前の問題だと思う