1 :
Name_Not_Found:
前スレ落ちたので、あまり要らないと思うけど立てました。
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もたのみます!
なかなか難しいところですね。
IEがSVG
IEは7でも糞
ところでIE7はデフォルトでSVGをサポートするんかな?(Tinyでもいいからサポート汁!)
ADOBEのviewerプラグイン入れろ、というのならIE6でも出来る罠。
最近のSVGの動向がわからない件
動かしたりして遊んでみた事あるけど
いまいち使いどころが判りかねている
使い所となると微妙だな
オープンソースでの汎用フォーマットとしては需要を確立しつつあるようですけどね。Sodipodi分派のInkscape出世が大きいのかな。
ソフトなくてもFirefoxでプレビューできるのも手軽。
風当たりで即死する類いの技術ではなくなったと思ふ
IEも、サーバサイドでSVG-XAMLのCanvasに置換とかできたりしねーかな
先の「7.2でSVG対応」って話が真実なら歓迎だけど、対応度の不安もつきまとう
SVGでVISIOのコネクタみたいな線の描き方ってできますか?
座標を直入力するのは修正時に面倒なので極力避けたいのですが。。。
Inkscapeでオブジェクト同士の配置を基準に繋ぐシェイプあるけどSVGの機能とかでは無い様子ですね
connection-end/start保持してソフトが座標再計算してるだけだったorz
つscript
SVGで面白いもの作れって言われたんだけど、
SVGなんて初めて触るから何が何だか・・・。
何か良い案ないですか?
誰に言われたかによるんですが。宿題か?
最初はInkscapeなりで生成したSVGソースを解析しながら、想定するビューアで動かせるJavaScript仕様調べるしかないでしょ。
14 :
12:2006/10/02(月) 19:34:26 ID:???
ゼミの先生に言われたんだが、
ただでさえプログラミングとかよくわからんのに
こんなのやれと言われて参ってる・・・。
本を買おうにも洋書しかないしorz
とりあえず、Inkscapeとやらをダウンロードして色々試してみるわ。
ありがとう。
16 :
12:2006/10/09(月) 12:40:09 ID:???
JavascriptからSVGの要素を生成したいんですけど、解説サイトに載ってません。
要素の数はあらかじめ決まってなくて、入力でそのつど作るというのがやりたいです。
Firefoxでだったら
createElementNSを使って名前空間を指定してやる必要がある
あとはHTMLの要素を作る場合と同じ
19 :
17:2006/10/10(火) 07:16:09 ID:???
ありがとうございます。「NS」が付くのは知りませんでした。
SVGスレなくなったかと思った……。
AdobeがSVGから手を引いたり、その主要人物がIBMに行ったり、Gecko 1.9の実装とかOpera 9の実装とか、結構面白くなってきてるのに……。
という訳で保守。
SVGって今はじめて知ったが、使いどころに悩む技術だな・・・
何を悩むんだよ?
あまり普及していないからな。
「あまり」どころか「全く」でしょう。
Adobeが一時期がんばってましたが、Webで普及させようとして失敗し、
ベクターグラフィックの標準フォーマットにしようとしてまた失敗し、
最後にはポイ。
(Flashが手に入ったので実際問題SVGなんてもうどうでもいいんでしょう)
IE以外の各種ブラウザでネイティブ実装が進んでますが、
IE以外なんて合わせて1%に過ぎないので影響力は皆無。
Adobe Illustrator CS2とかいまだに保存フォーマットでsvg選べるけど、
わざわざ選ぶ人がいるとも思えない。
Adobe が svg をポイしたって言う奴は mars を知らんのか?
>IE以外なんて合わせて1%に過ぎないので影響力は皆無。
いつの時代の方ですか?
Adobeソフトに対応しているオープンなファイル形式としての存在価値はInkscapeがある限りは崩れまい。
ブラウザ用途には当面期待しとらんです。
>>25 SVGに何か恨みでもあるのか?
それともMSのSVG対抗規格の開発者?
30 :
Name_Not_Found:2007/04/10(火) 02:26:34 ID:DVrT/4AP
べつやくメソッドみたいなことはSVGで出来ないのかしらかしら
31 :
Name_Not_Found:2007/04/24(火) 14:10:31 ID:2Mupw1RM
最近あったWindowsUpdateの後、
WinXP+IE6+SVGViewerでテキスト表示が出来なくなりました。
同様の現象が起こっている方いらっしゃいませんか
33 :
Name_Not_Found:2007/04/24(火) 21:12:21 ID:cO65Yl9u
Firefoxは意外に苦戦してんのな
36 :
Name_Not_Found:2007/04/28(土) 15:06:44 ID:g7Em7PaU
AdobeがFlasuに堕ちたのが痛いな。
IEがSVGをやらないのは、これ以上ブラウザが強力になったらWindowsが危ないから?
Flasuってなんだよorz
Flushね、もちろん。
ていうかWindows系OSはどこまで重くなれば気が済むの。
無意味なものばかり増やして肝心なところがおざなりって・・・
>>36 MSはマジでSVGをサポートする力がない
IE7.2でサポート予定という噂は聞いた。
>>39 MSは、正直SVGに興味が無いんだろう。
ODFを負かす事に熱を入れてるんだろ。
単にVMLでいいじゃんと思っているだけでは(w
>>43 42じゃないが、それであってる。
確かにVMLを使って何かを開発とかは聞かないなぁ。
CANVASタグの方が流行ってるしな
VML実装通してIEでもCANVASタグをエミュレーションできるようになったし
MSだけの技術、では流行らんという事なんでせう
同様の手法でSVGやるにはちょっと規模がでかすぎだなー
canvasってsvgみたいに別ファイルに保存しておいて表示って
出来ないんじゃなかったっけ?
図面情報をファイル等から表示する+JavaScriptでエフェクト掛
けるってのが出来るなら複雑な図形を使うような用途でもcanvas
使えるんだけど。
>>48 今の所は『IE7に対応したプラグインがある』と言う話で、MSの態度が変わってきたっていう印象があるだけだからIEが対応するのとはちがくね?
IE7自体がピュアで搭載するのは7.2じゃなかったか。
51 :
Name_Not_Found:2007/06/12(火) 23:15:37 ID:itdlXum5
去年あたりからWebKitのナイトリでSVG実装してたから、
きっとSafari 3でもサポートされてるんだろうね。確かめてないけど。
Mac版β3もいけてるよ。軽い
でも早速Mac板で解釈不備が指摘されてたり。OperaやFirefoxにはまだまだ及ばんな
あとはIEが乗り出してくれれば急に使われ始めそうだが、7.2でのサポートの噂や如何に
いや、IEが出てきてもそんなに使われることはないだろ・・・
そういえば昔、MSDNのVMLのリファレンスに、
「VMLは標準化団体の策定した標準規格です。」とか言ってW3C Noteへのリンクを張る
などという詐欺的行為を働いてたな。
Noteが標準ではないことをW3C会員のMSが知らないはずがない。
知らないですが、何か。
そうか。じゃあ1999年頃のCSS3WDを片っ端から先行実装してたのは
WDと勧告の区別がついていなかったからなのかw
WDだろうが勧告だろうが標準仕様であるとは言うよ。
>>31-33の問題ってアップデートではいった例のフォントを削除する以外ないの?
>>57 逆。IEで実装してW3Cに実装したものを提案しただけ
うーむ、IEだとまだ標準では対応してないんだね。
Firefox だときれいに表示できるのになぁ。
GraphViz で SVG が吐けるから調子こいてWebに載せてみたら誰も見れないって。
かなしい。
62 :
Name_Not_Found:2007/06/25(月) 18:07:44 ID:Gn1Z6d30
IE7 に Adobe SVG Viewer 入れたんだが、
いちいち Active X の起動がブロックされて面倒。
ローカルにある SVG ファイルを閲覧したいだけなのに。
ところで、SVG で書かれた100個程度のファイルで
ぱらぱら漫画したいんだけど、どうすればいいんだろう?
>>62 image要素で別のSVG文書を読み込めるようにして、
リンク先をanimate要素で次々と切り替えていくとかじゃないかな。
もしくはECMA(Java)Scriptで、DOMをいじって参照するファイル名を変えていくとか。
64 :
Name_Not_Found:2007/06/26(火) 18:44:54 ID:52Xo+Bb5
Adobe の SVG ビューアはもう終了なのか・・
65 :
Name_Not_Found:2007/07/13(金) 16:06:27 ID:Dt9RQqfN
67 :
Name_Not_Found:2007/07/13(金) 19:06:09 ID:Dt9RQqfN
おぉありがとうございます
68 :
Name_Not_Found:2007/08/13(月) 07:41:53 ID:TrqbVKNm
SVGってどこのサイトからダウンロード可能?
>>68 まずSVGがダウンロードできるようなものじゃないことを勉強してこい。
ある意味どこからでもDLできるっちゃできるけど。
>>70 前回東京であった時に行ってみたが…、
自分の英語力のなさに絶望して帰ってきたorz
test
74 :
Name_Not_Found:2007/09/15(土) 13:31:29 ID:PpW/gtH5
文字も描けないしアニメーションもできない男の人って…
>>73 むしろ必要じゃないか?
JSON+canvasもありだけど、JSON形式に対応した画像編集ソフトがないからな。
ところで、話は変わるけど、SVGにcavas要素を拡張してほしい。
SVG1.2のμDOMだと、cavasのAPIをパクってるのに……。
76 :
75:2007/09/17(月) 21:25:01 ID:???
cavasて、何だよ…
canvasだろ。恥ずかしい。
77 :
質問:2007/10/26(金) 14:36:14 ID:???
3DのSVGに関して、おすすめのページとかってありますかね?
78 :
Name_Not_Found:2007/11/17(土) 01:17:09 ID:AnYNyvuz
SVG Catsから入ったからアイデアプロセッサの標準仕様か何かかと思ってた。廃れるのね?
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;"/>
そんなのをテク呼ばわりするあなたがステキ。
>>84 歴史を見てみると、MSはJavaScirptやDOMですら独自規格(JScript)を貫いているからなあ。(CSSはMSが提案者の一人なので例外)
prototype.jsのような存在が出てくれば、状況が変わるかも。
?
JScriptはECMAScriptに準拠してるけど
87 :
Name_Not_Found:2008/01/26(土) 17:12:01 ID:5u0u4TRm
宗主国のadobeにすら見捨てられたSVGの生きのこるには
XHTMLがHTMLより難しなんてことはないだろ。
HTMLより全然簡単じゃん。
>だから、ごく当たり前の結論だが、マイクロソフトがSVGを相手にしないのは合理的な戦略だ。
この記者はMSの株でも持ってるのか?
否定的な意味合いで言ってるんだと思った
CanvasもMSに相手にされなくて結局普及しないよ
canvasなんてもう普及してるから
すみません。Illustrator scriptスレからこちらに来ました。
質問なんですが、IllustratorCS2にて、SVGファイルを作りたいのですが、
線をクリックしたら線の色を変更する(SVGインタラクティビティで、イベント=onclick)
にはどうすればいいのでしょうか?
一応は検索して探したのですが…。
あまり複雑ではない配線図の線に、このような処理をしたいと考えています。
Flashで作成とかも考えたのですが、制作が大変そうでSVGを考えています。
描画もSVG(SVGZ)の方が早いと思っているのです。
どなたかお教え下さい!!
96 :
94:2008/02/01(金) 12:58:03 ID:???
情報ありがとです。
線の色を変える方法は何とか分かりました。
イラレ完結でやりたいので、まだまだ課題は山積みですが、色々とがんばってみます。
(ツールチップ表示やリンクなど)
>>93 じゃあ、SVGも普及しているんではなかろうか
まあ、今からSVGもcanvasも消滅することはないだろうな
99 :
Name_Not_Found:2008/03/19(水) 23:57:42 ID:P7J6P/vI
うおーい!Windows版SafariはSVG Filter完全無視かよ〜
そりゃないぜ!
Windows版Safariは正直それ以前の問題だと思う
Firefox3せっかくフィルタが使えるようになったのに、外部参照できないなんて・・・
外部SVGファイルに定義したフィルタはもちろんのこと、同一文書内でも
<html>
<head>
<svg:svg>
<svg:defs>
<svg:filter id="filter1"/>
</svg:defs>
</svg:svg>
</head>
<body>
<svg:svg>
<svg:rect filter="url(#filter1)"/>
</svg:svg>
</body>
</html>
のように分けるともうダメだ。
結局のところあと数年は
今までどおりベクターな画像はFlashにしろってことなんだろう
Operaはなにげに優秀なんだよな。9.5でテストスイート見ると
なかなかにすばらしい。
普及率4番目でシェア1〜2%のブラウザで対応されてもなぁ
最近はケータイでの閲覧がIEの次に多いんだが
ケータイでSVGってあり得ないんだよな・・・?
とケータイ持ってない俺が嘆いてみるテスツ
携帯で XML が今のところ有り得ないんじゃね
108 :
Name_Not_Found:2008/03/22(土) 01:50:28 ID:V/rZSSm7
filterに限らず「プロパティ: url(hoge.svg#id)」の形での外部SVGファイルの参照は出来ないのか。Firefox3。
と思ったら、OperaもSafariも外部SVGファイルを読んでくれない。
ダメダメじゃん!Safariが外部SVGファイルのSVG-fontを読むだけだ!
filterとかmarkerとかって外部ファイルを参照できない仕様なんだっけ?違うよね?
>>107 フルブラウザでXMLっておKじゃなかったか?
まあどうでもいいけど
>>108 そもそも SVG を外部から読み込むっていうのがよくわからん
XInclude ではだめな状況なのか
>>109 そこまでの処理能力が携帯に備わってるとは思えない
Opera だと XML 関連は不安すぎってのもある
じゃあ「備わってると思う」
なんて意味のないレス・・・
>>110 ちょっと例え話で説明しようか。Flashが外部のCSSファイルを読み込むようにしたが、
1、Flashの処理が遅くなった(CSSファイルを読み込んで処理するまで待たなければならない)
2、ネットワークエラーで読み込み失敗したときなど、Flashのデザインにバラツキができた
3、外部のCSSを編集しない限り、Flashデザインの編集ができなくなった。
で、上のデメリットを踏まえたうえで、
>>110に問いたい
なぜ、埋め込まない?
113 :
112:2008/03/24(月) 18:53:28 ID:???
そりゃ、複数のファイルで同じフィルタ使ってる場合に、一つのファイルに書いたフィルタを参照させたいから。
べつにプレゼンテーション属性を全部外部に追い出したいとか言ってるわけじゃない。
いちいち同じことを全部のファイルに書いて、変更するときは全部変更しないといけないじゃん。
SVGの表示速度ってどのブラウザが一番早いと感じる?
自分のは、IE6.0の方がFirefox2.0より断然早い
ちなみにSVG Viewer 6.0を付けてる
117 :
Name_Not_Found:2008/07/23(水) 16:52:18 ID:1n3ClvKL
age
Safari 4
Safariは互換性低いからなー。
121 :
Name_Not_Found:2008/09/15(月) 11:31:24 ID:7hFeJvk0
hosu
ブラウザに表示したSVGを、SVGで保存しても、イラレで読めない orz
123 :
Name_Not_Found:2008/12/15(月) 22:54:35 ID:iy26OhKu
AdobeのビューワーでSVGを高画質で表示すると色が薄くなるけど、
透明度の低いフィルターでもかけてるのかね?
あの減色を止める方法があれば知りたい(高画質のチェックを外す以外の方法で)。
firefoxで、
動的にelemeent作ってrectとかcircle追加した
そのときSetAttribute()でonclick使って関数呼び出ししたいんだけど、うまくいかない・・
↓こんな感じ
element = document.createElementNS("
http://www.w3.org/2000/svg","circle"); // element作る
...円のパラメータを色々設定..
element.setAttribute("onclick", 'alert("test-test-test");'); // クリックしたらalert出す
document.getElementById("target-id").appendChild(element); // target-idの次に埋め込む
やってみたら円は追加されて表示されるのにクリックしてもalert出ない・・そういうもんなの?
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"
http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="
http://www.w3.org/2000/svg"
viewBox="0 0 420 644">
<path id="miku" fill="black" fill-rule="evenodd" stroke="none"
d="M 144,77 C 111,178 97,220 53,325 12,379 -16,498 43,536 33,519 34,504 34,504 34,504 37,555 83,558 70,534 88,517
88,517 89,601 85,619 102,626 120,627 125,619 125,619 125,619 125,608 125,608 113,585 113,585 113,577 100,561
120,485 120,485 132,472 140,462 139,445 140,461 154,483 161,490 136,444 145,382 152,337 168,337 170,336 173,335
181,355 191,378 203,434 209,454 219,484 229,496 243,521 253,546 260,568 263,584 245,602 251,619 262,630 284,624
285,619 285,619 285,607 285,607 285,607 289,607 289,607 291,600 288,597 288,584 282,577 285,571 283,567 277,558
273,526 260,495 253,482 247,471 241,457 236,413 223,355 212,317 212,317 219,309 221,310 221,310 217,331 219,341
220,349 231,351 232,351 231,371 240,360 239,352 239,352 246,352 246,352 246,369 256,369 252,352 252,352 256,351
256,351 260,365 268,357 263,349 263,349 265,347 265,347 269,355 276,353 270,344 273,343 275,339 275,339 255,244
249,229 249,176 249,176 247,173 247,173 246,163 254,149 251,138 246,123 241,125 237,125 234,122 231,119 231,119
230,114 227,115 227,115 227,115 227,104 227,104 227,104 234,119 243,120 235,111 231,103 231,103 251,87 249,75
253,76 269,154 304,288 309,351 312,445 249,491 303,533 281,513 295,484 299,481 282,516 322,527 311,559 348,502
369,527 398,425 417,336 359,231 318,147 272,71 268,38 248,22 248,22 241,17 241,17 241,17 235,17 235,17 235,17 231,24
231,24 204,14 176,29 173,32 171,30 162,30 162,30 160,41 157,41 156,47 152,51 144,77 144,77Z
M 166,108 C 166,108 158,155 159,168 162,156 163,146 164,143 171,135 185,139 196,123 196,123 202,122 202,122 202,122
203,116 203,116 203,116 199,117 199,117 179,112 178,103 178,100 176,105 179,110 184,115 192,118 189,122 189,122
183,124 183,117 178,112 178,112 178,123 178,123 178,123 166,108 166,108Z
M 223,192 C 223,192 209,213 202,218 200,233 223,264 223,264 225,239 223,192 223,192Z
M 223,284 C 223,284 221,284 221,284 221,284 223,288 223,288Z
M 238,22 C 238,22 235,27 235,27 235,27 238,28 238,28Z" />
</svg>
ちょっとお知恵拝借
ぐは、間違って送信ボタンを押してしまった・・・。
最近、日本語テキストが表示されたりされなかったりする現象に
困ってるんですが、何か情報無いですかね?
会社で試したところでは、
XPpro 64bit + IE6 sp2 + Adobe Viewer 3.03 → OK
XPpro 32bit + IE6 sp3 + Adobe Viewer 3.03 → 何も表示されない(エラーも出ない)
2Kpro + IE6 sp2 + Adobe Viewer 3.03 → OK
だったのでIEのsp3が原因かと思ったのですが、家の
XP home 32bit + IE6 sp3 + Adobe viewerでは表示されました。
何がいけないんでしょうかね?
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"
http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="
http://www.w3.org/2000/svg" width="300" height="300"
xmlns:xlink="
http://www.w3.org/1999/xlink">
<text x="100" y="100" stroke="#000000" stroke-width="1" font-size="16" font-family="MS-Mincho">美乳</text>
</svg>
131 :
Name_Not_Found:2009/05/21(木) 21:29:37 ID:9gvVR7+b
IE7,8に対応したSVGビューアってありますか?
svgはいいけどさ、
canvasだと、拡張子はどうなるんだろう。
あとjson形式でベクター決めるのかな
133 :
Name_Not_Found:2009/10/25(日) 10:58:57 ID:WE50mUFi
Safari 4でfilterが効かなくなった?
昔のバージョンでは効いてたのに。
もしかしてGPUがハイスペックなマシンじゃないと効かないとかいう罠ですか?
134 :
Name_Not_Found:2009/11/18(水) 21:44:54 ID:IGXj1yYW
lineのstroke-width="1"で線を引くと若干太い気がするのですが
もっと細くできませんか?CSSのborderくらいに
SVG2の公開ドラフト初版が出てるね
SVG Tiny1.2勧告が無かったことにされててヒドス
フルバージョンのSVG1.2は廃案になってるから道連れに消されたのかw
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
ブラウザ指定でWebアプリ作るときは使い放題
スマートフォン向けとか
139 :
Name_Not_Found:2013/10/23(水) 02:45:52.59 ID:l3ipn6HK
SVGを覚えたいのですがSVG2の策定が進んでいるようなので気になっています
どの程度までの基礎知識が共通なのでしょうか?
基本的には上位互換の拡張だから
大半の知識はSVG2でもそのまま通用する
SVG2で廃止された機能も若干あるが
IDL は記述言語が詳細度が高いものに変更されたので
スクリプトであれこれしたいときはSVG2を見た方がいい場合もある
edgeでまたもやadobeにやられましたw
snap.svgってどうなの
svgはfaviconとかにも向いてると思うけど
Firefoxで最初に表示されるのに、数ページ見てる内にFaviconが消えるんだよね
ChromeではFaviconは無理みたいだな