【XML】SVGってどうなの2【DOM】
■ このスレッドは過去ログ倉庫に格納されています
前スレ落ちたので、あまり要らないと思うけど立てました。
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もたのみます！
ところでIE7はデフォルトでSVGをサポートするんかな？（Tinyでもいいからサポート汁！）
ADOBEのviewerプラグイン入れろ、というのならIE6でも出来る罠。 >>5
ttp://taken.s101.xrea.com/blog/article.php?id=560
だれか英語の得意な人
ここのリンク先の英語ソースの
解説お願い。 最近のSVGの動向がわからない件
動かしたりして遊んでみた事あるけど
いまいち使いどころが判りかねている 使い所となると微妙だな
オープンソースでの汎用フォーマットとしては需要を確立しつつあるようですけどね。Sodipodi分派のInkscape出世が大きいのかな。
ソフトなくてもFirefoxでプレビューできるのも手軽。
風当たりで即死する類いの技術ではなくなったと思ふ
IEも、サーバサイドでSVG-XAMLのCanvasに置換とかできたりしねーかな
先の「7.2でSVG対応」って話が真実なら歓迎だけど、対応度の不安もつきまとう SVGでVISIOのコネクタみたいな線の描き方ってできますか?
座標を直入力するのは修正時に面倒なので極力避けたいのですが。。。 Inkscapeでオブジェクト同士の配置を基準に繋ぐシェイプあるけどSVGの機能とかでは無い様子ですね
connection-end/start保持してソフトが座標再計算してるだけだったorz SVGで面白いもの作れって言われたんだけど、
SVGなんて初めて触るから何が何だか･･･。
何か良い案ないですか？ 誰に言われたかによるんですが。宿題か？
最初はInkscapeなりで生成したSVGソースを解析しながら、想定するビューアで動かせるJavaScript仕様調べるしかないでしょ。 ゼミの先生に言われたんだが、
ただでさえプログラミングとかよくわからんのに
こんなのやれと言われて参ってる･･･。
本を買おうにも洋書しかないしorz
とりあえず、Inkscapeとやらをダウンロードして色々試してみるわ。
ありがとう。 >>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
JavascriptからSVGの要素を生成したいんですけど、解説サイトに載ってません。
要素の数はあらかじめ決まってなくて、入力でそのつど作るというのがやりたいです。
Firefoxでだったら
createElementNSを使って名前空間を指定してやる必要がある
あとはHTMLの要素を作る場合と同じ ありがとうございます。「NS」が付くのは知りませんでした。 一応前スレを。
SVGってどうなの？
http://pc8.2ch.net/test/read.cgi/hp/1004465594/
個人的な意見としてはは、ネイティブ実装にはあまりこだわらない。
プラグイン入れるのにそんなに苦労しないしね。 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対抗規格の開発者？ べつやくメソッドみたいなことはSVGで出来ないのかしらかしら 最近あったWindowsUpdateの後、
WinXP+IE6+SVGViewerでテキスト表示が出来なくなりました。
同様の現象が起こっている方いらっしゃいませんか >>31
今>>15のところを見てみたらマジに見えなくなってたｗｗｗ >>31-32
winのアップデートで変なフォント入れたろ
あれが原因
>>30
出来る AdobeがFlasuに堕ちたのが痛いな。
IEがSVGをやらないのは、これ以上ブラウザが強力になったらWindowsが危ないから？ Flasuってなんだよorz
Flushね、もちろん。 ていうかWindows系OSはどこまで重くなれば気が済むの。
無意味なものばかり増やして肝心なところがおざなりって・・・ >>36
MSはマジでSVGをサポートする力がない >>39
MSは、正直SVGに興味が無いんだろう。
ODFを負かす事に熱を入れてるんだろ。 >>42
へえ〜、そんなマークアップ言語あったんだ。
「VML」でググってみたら、
ttp://eto.com/d/0503.html#VML
が引っ掛っただが、そうなのか?
>>43
42じゃないが、それであってる。
確かにVMLを使って何かを開発とかは聞かないなぁ。 CANVASタグの方が流行ってるしな
VML実装通してIEでもCANVASタグをエミュレーションできるようになったし
MSだけの技術、では流行らんという事なんでせう
同様の手法でSVGやるにはちょっと規模がでかすぎだなー canvasってsvgみたいに別ファイルに保存しておいて表示って
出来ないんじゃなかったっけ？
図面情報をファイル等から表示する+JavaScriptでエフェクト掛
けるってのが出来るなら複雑な図形を使うような用途でもcanvas
使えるんだけど。
>>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 IEは対応するみたい？
ttp://rblog-tech.japan.cnet.com/kirifue/2007/04/svgadobe_svg_vi_2d86.html >>48
今の所は『IE7に対応したプラグインがある』と言う話で、MSの態度が変わってきたっていう印象があるだけだからIEが対応するのとはちがくね？ IE7自体がピュアで搭載するのは7.2じゃなかったか。 SafariのSVGネイティブサポート
ｷﾀ━━━━(ﾟ∀ﾟ)━━━━ｯ!!
のか？
http://www.apple.com/jp/safari/
http://www.codedread.com/svg-support.php
Windows版では確認できた
Mac版を誰か確かめてくれるとうれしい
それにしても、このブラウザはHTMLもSVGについても処理が早くて印象は良いな。 去年あたりから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に載せてみたら誰も見れないって。
かなしい。 IE7 に Adobe SVG Viewer 入れたんだが、
いちいち Active X の起動がブロックされて面倒。
ローカルにある SVG ファイルを閲覧したいだけなのに。
ところで、SVG で書かれた100個程度のファイルで
ぱらぱら漫画したいんだけど、どうすればいいんだろう？ >>62
image要素で別のSVG文書を読み込めるようにして、
リンク先をanimate要素で次々と切り替えていくとかじゃないかな。
もしくはECMA(Java)Scriptで、DOMをいじって参照するファイル名を変えていくとか。 Adobe の SVG ビューアはもう終了なのか・・ >>65
MS ゴシック，MS Ｐゴシック，MS UI Gothic，MS 明朝，MS P 明朝
が影響を受けるらしい。
ttp://www.microsoft.com/japan/windows/products/windowsvista/jp_font/jis04/default.mspx >>68
まずSVGがダウンロードできるようなものじゃないことを勉強してこい。
ある意味どこからでもDLできるっちゃできるけど。 >>70
前回東京であった時に行ってみたが…、
自分の英語力のなさに絶望して帰ってきたorz SVGはもういらないのかな
ttp://www.html5.jp/canvas/index.html 文字も描けないしアニメーションもできない男の人って… >>73
むしろ必要じゃないか？
JSON+canvasもありだけど、JSON形式に対応した画像編集ソフトがないからな。
ところで、話は変わるけど、SVGにcavas要素を拡張してほしい。
SVG1.2のμDOMだと、cavasのAPIをパクってるのに……。 cavasて、何だよ…
canvasだろ。恥ずかしい。 ３ＤのＳＶＧに関して、おすすめのページとかってありますかね？ >>78
音と画質がアレだけど、入門としては適しているかもしれない
>>77
一応、参考までに。
http://www.kevlindev.com/geometry/3D/js3d/index.htm
ところで、3Dというと、3DCGのこと？3DCGの手法だと、物体とその表面を造ってから、カメラと光源の位置を決めて、コンピュータに描かせる（撮影させる）。
つまり、SVGを勉強する前に、3DCGの勉強が先。
立体画像が描きたいだけ？
それは...お勧めのページなんて、わからないので、ごめん。 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;"/> ttp://www.atmarkit.co.jp/news/200801/15/ranking.html >>84
歴史を見てみると、MSはJavaScirptやDOMですら独自規格（JScript)を貫いているからなあ。（CSSはMSが提案者の一人なので例外）
prototype.jsのような存在が出てくれば、状況が変わるかも。 ？
JScriptはECMAScriptに準拠してるけど 宗主国のadobeにすら見捨てられたSVGの生きのこるには 普及してないって直球で言われてるな
ttp://www.atmarkit.co.jp/news/200801/25/html.html XHTMLがHTMLより難しなんてことはないだろ。
HTMLより全然簡単じゃん。 >だから、ごく当たり前の結論だが、マイクロソフトがSVGを相手にしないのは合理的な戦略だ。
この記者はMSの株でも持ってるのか？ CanvasもMSに相手にされなくて結局普及しないよ すみません。Illustrator scriptスレからこちらに来ました。
質問なんですが、IllustratorCS2にて、SVGファイルを作りたいのですが、
線をクリックしたら線の色を変更する（SVGインタラクティビティで、イベント=onclick）
にはどうすればいいのでしょうか？
一応は検索して探したのですが…。
あまり複雑ではない配線図の線に、このような処理をしたいと考えています。
Flashで作成とかも考えたのですが、制作が大変そうでSVGを考えています。
描画もSVG（SVGZ）の方が早いと思っているのです。
どなたかお教え下さい！！ >>94
ttp://www.croczilla.com/svg/samples/ 情報ありがとです。
線の色を変える方法は何とか分かりました。
イラレ完結でやりたいので、まだまだ課題は山積みですが、色々とがんばってみます。
（ツールチップ表示やリンクなど） >>93
じゃあ、SVGも普及しているんではなかろうか まあ、今からSVGもcanvasも消滅することはないだろうな うおーい！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ってあり得ないんだよな・・・？
とケータイ持ってない俺が嘆いてみるテスツ filterに限らず「プロパティ: url(hoge.svg#id)」の形での外部SVGファイルの参照は出来ないのか。Firefox3。
と思ったら、OperaもSafariも外部SVGファイルを読んでくれない。
ダメダメじゃん！Safariが外部SVGファイルのSVG-fontを読むだけだ！
filterとかmarkerとかって外部ファイルを参照できない仕様なんだっけ？違うよね？ >>107
フルブラウザでXMLっておＫじゃなかったか？
まあどうでもいいけど >>108
そもそも SVG を外部から読み込むっていうのがよくわからん
XInclude ではだめな状況なのか
>>109
そこまでの処理能力が携帯に備わってるとは思えない
Opera だと XML 関連は不安すぎってのもある じゃあ「備わってると思う」
なんて意味のないレス・・・ >>110
ちょっと例え話で説明しようか。Flashが外部のCSSファイルを読み込むようにしたが、
1、Flashの処理が遅くなった（CSSファイルを読み込んで処理するまで待たなければならない）
2、ネットワークエラーで読み込み失敗したときなど、Flashのデザインにバラツキができた
3、外部のCSSを編集しない限り、Flashデザインの編集ができなくなった。
で、上のデメリットを踏まえたうえで、>>110に問いたい
なぜ、埋め込まない？ そりゃ、複数のファイルで同じフィルタ使ってる場合に、一つのファイルに書いたフィルタを参照させたいから。
べつにプレゼンテーション属性を全部外部に追い出したいとか言ってるわけじゃない。
いちいち同じことを全部のファイルに書いて、変更するときは全部変更しないといけないじゃん。 SVGの表示速度ってどのブラウザが一番早いと感じる？
自分のは、IE6.0の方がFirefox2.0より断然早い
ちなみにSVG Viewer 6.0を付けてる 連投済まん。
ところで、これ↓ってもう完成したのかな？
ttp://kokogiko.net/m/archives/001927.html ブラウザに表示したSVGを、SVGで保存しても、イラレで読めない orz 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>
IE7,8に対応したSVGビューアってありますか？ svgはいいけどさ、
canvasだと、拡張子はどうなるんだろう。
あとjson形式でベクター決めるのかな Safari 4でfilterが効かなくなった？
昔のバージョンでは効いてたのに。
もしかしてGPUがハイスペックなマシンじゃないと効かないとかいう罠ですか？ lineのstroke-width="1"で線を引くと若干太い気がするのですが
もっと細くできませんか？CSSのborderくらいに SVG2の公開ドラフト初版が出てるね
SVG Tiny1.2勧告が無かったことにされててヒドス
フルバージョンのSVG1.2は廃案になってるから道連れに消されたのかw 創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
ブラウザ指定でWebアプリ作るときは使い放題
スマートフォン向けとか SVGを覚えたいのですがSVG2の策定が進んでいるようなので気になっています
どの程度までの基礎知識が共通なのでしょうか？ 基本的には上位互換の拡張だから
大半の知識はSVG2でもそのまま通用する
SVG2で廃止された機能も若干あるが
IDL は記述言語が詳細度が高いものに変更されたので
スクリプトであれこれしたいときはSVG2を見た方がいい場合もある svgはfaviconとかにも向いてると思うけど
Firefoxで最初に表示されるのに、数ページ見てる内にFaviconが消えるんだよね
ChromeではFaviconは無理みたいだな <svg width=800 height=800 viewBox="0 0 903 903"><desc>animMotion</desc>
<path d="M400,250 C391,51 109,51 100,250 109,449 391,449 400,250" fill=none stroke=blue stroke-width=2 id=path1 />
<path d="M500,250 900,250" fill=none stroke=none stroke-width=2 id=path2 />
<path d="M250,500 250,900" fill=none stroke=none stroke-width=2 id=path3 />
<path d="M500,250 C540,51 560,51 600,250 640,449 660,449 700,250 C740,51 760,51 800,250 840,449 860,449 900,250" fill=none stroke=blue stroke-width=2 />
<path d="M400,500 Q400,520 250,550 C49,590 49,610 250,650 451,690 451,710 250,750 C49,790 49,810 250,850 Q400,880 400,900" fill=none stroke=blue stroke-width=2 />
<path d="M -2,0 L 3,0 z" fill=red stroke=red stroke-width=5><animateMotion dur=10s repeatCount=indefinite rotate=auto><mpath xlink:href=#path1 /></animateMotion></path>
<path d="M0,0 L0,2000 z" fill=red stroke=red stroke-width=2><animateMotion dur=10s repeatCount=indefinite rotate=none><mpath xlink:href=#path1 /></animateMotion></path>
<path d="M0,0 L2000,0 z" fill=red stroke=red stroke-width=2><animateMotion dur=10s repeatCount=indefinite rotate=none><mpath xlink:href=#path1 /></animateMotion></path>
<path d="M0,-150 L0,150 z" fill=red stroke=red stroke-width=2><animateMotion dur=20s repeatCount=indefinite rotate=none><mpath xlink:href=#path2 /></animateMotion></path>
<path d="M-150,0 L150,0 z" fill=red stroke=red stroke-width=2><animateMotion dur=20s repeatCount=indefinite rotate=none><mpath xlink:href=#path3 /></animateMotion></path>
</svg> <text x=-10 y=20 font-family=Verdana font-size=16 fill=blue>t →<animateMotion dur=10s repeatCount=indefinite rotate=auto><mpath xlink:href=#path1 /></animateMotion></text>
<text x=-10 y=170 font-family=Verdana font-size=16 fill=blue>t →<animateMotion dur=20s repeatCount=indefinite rotate=none><mpath xlink:href=#path2 /></animateMotion></text>
<text x=170 y=4 font-family=Verdana font-size=16 fill=blue>t ↓<animateMotion dur=20s repeatCount=indefinite rotate=none><mpath xlink:href=#path3 /></animateMotion></text>
<text x=440 y=260 font-family=Verdana font-size=16 fill=blue>sin(t)</text>
<text x=230 y=460 font-family=Verdana font-size=16 fill=blue>cos(t)</text>
</svg> >>145 グラフだけのコード
>>146 追加テキストのコード <svg width=800 height=800 viewBox="0 0 903 903"><desc>sin(t) & cos(t)</desc>
<path d="M400,250 C391,51 109,51 100,250 109,449 391,449 400,250" fill=none stroke=blue stroke-width=2 id=path1 />
<path d="M500,250 900,250" fill=none stroke=none stroke-width=2 id=path2 /><path d="M250,500 250,900" fill=none stroke=none stroke-width=2 id=path3 />
<path d="M500,250 501,250" fill=none stroke=none stroke-width=2 id=path4 /><path d="M250,500 250,501" fill=none stroke=none stroke-width=2 id=path5 />
<path d="M500,250 C540,51 560,51 600,250 640,449 660,449 700,250 C740,51 760,51 800,250 840,449 860,449 900,250" fill=none stroke=blue stroke-width=2 />
<path d="M400,500 Q400,520 250,550 C49,590 49,610 250,650 451,690 451,710 250,750 C49,790 49,810 250,850 Q400,880 400,900" fill=none stroke=blue stroke-width=2 />
<path d="M -2,0 L 3,0 z" fill=red stroke=red stroke-width=5><animateMotion dur=10s repeatCount=indefinite rotate=auto><mpath xlink:href=#path1 /></animateMotion></path>
<path d="M0,0 L0,2000 z" fill=red stroke=red stroke-width=2><animateMotion dur=10s repeatCount=indefinite rotate=none><mpath xlink:href=#path1 /></animateMotion></path>
<path d="M0,0 L2000,0 z" fill=red stroke=red stroke-width=2><animateMotion dur=10s repeatCount=indefinite rotate=none><mpath xlink:href=#path1 /></animateMotion></path> <path d="M0,-150 L0,150 z" fill=red stroke=red stroke-width=2><animateMotion dur=20s repeatCount=indefinite rotate=none><mpath xlink:href=#path2 /></animateMotion></path>
<path d="M-150,0 L150,0 z" fill=red stroke=red stroke-width=2><animateMotion dur=20s repeatCount=indefinite rotate=none><mpath xlink:href=#path3 /></animateMotion></path>
<text x=-10 y=20 font-family=Verdana font-size=16 fill=blue>t →<animateMotion dur=10s repeatCount=indefinite rotate=auto><mpath xlink:href=#path1 /></animateMotion></text>
<text x=-10 y=170 font-family=Verdana font-size=16 fill=blue>t →<animateMotion dur=20s repeatCount=indefinite rotate=auto><mpath xlink:href=#path2 /></animateMotion></text>
<text x=-10 y=-162 font-family=Verdana font-size=16 fill=blue>t →<animateMotion dur=20s repeatCount=indefinite rotate=auto><mpath xlink:href=#path3 /></animateMotion></text>
<text x=-51 y=4 font-family=Verdana font-size=16 fill=blue>sin(t)<animateMotion dur=20000s repeatCount=indefinite rotate=auto><mpath xlink:href=#path4 /></animateMotion></text>
<text x=-55 y=-146 font-family=Verdana font-size=16 fill=blue>cos(t)<animateMotion dur=20000s repeatCount=indefinite rotate=auto><mpath xlink:href=#path5 /></animateMotion></text>
</svg> 位相変換 p点とp'点では異なる位相で観測
http://faustus.xii.jp/uploda/src/file747.htm
設問2 SVGプログラミング
このプログラムの文字数を
出来る限り小さくせよ 位相変換 p点とp'点では異なる位相で観測
http://faustus.xii.jp/uploda/src/file747.htm
設問1 SVG数学
正弦波とpとの交点から
正弦波とp'との交点を
結んだ直線を黄色で描け >>155 かなり小さくなった
<svg width=800 height=800 viewBox="70 70 1069 1069"><desc>sin(p)</desc>
<path d="M-700,0 -500,0" fill=none stroke=none stroke-width=2 id=path1 /><path d="M0,0 200,0 0,0 -200,0 z" fill=none stroke=none stroke-width=2 id=path2 />
<path d="M500,250 c96,-518 104,518 200,0 c96,-518 104,518 200,0 c96,-518 104,518 200,0 c96,-518 104,518 200,0 c96,-518 104,518 200,0 c96,-518 104,518 200,0 c96,-518 104,518 200,0 " fill=none stroke=black stroke-width=2>
<animateMotion dur=1s repeatCount=indefinite rotate=auto><mpath xlink:href=#path1 /></animateMotion></path>
<path d="M400,400 l0,-300 z" fill=green stroke=green stroke-width=2></path><text x=390 y=420 font-family=Verdana font-size=16 fill=green>p+λ</text>
<path d="M800,400 l0,-300 z" fill=green stroke=green stroke-width=2></path><text x=790 y=420 font-family=Verdana font-size=16 fill=green>p-λ</text>
<path d="M600,400 l0,-300 z" fill=blue stroke=blue stroke-width=2></path><text x=595 y=420 font-family=Verdana font-size=16 fill=blue>p</text>
<path d="M600,400 l0,-300 z" fill=red stroke=red stroke-width=2><animateMotion dur=15s repeatCount=indefinite rotate=none><mpath xlink:href=#path2 /></animateMotion></path>
<text x=595 y=420 font-family=Verdana font-size=16 fill=red>p'<animateMotion dur=15s repeatCount=indefinite rotate=none><mpath xlink:href=#path2 /></animateMotion></text>
</svg> ホームページで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
HLISU7HJQZ ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆ 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
EV332 lineにつけるmarkerについて
markerのfillって後で指定できないのかな？
fillの色だけ違う使いまわしができる矢印を管理する場合になるべく重複コード減らしたいんだがどうもうまくいかない
定義はこんな感じ
<style type="text/css">
.a_arrow01 { marker-start:url(#a_mk); marker-end:url(#a_mk); }
.b_arrow01 { marker-start:url(#b_mk); marker-end:url(#b_mk); }
</style>
<defs>
<polygon id="marker_p" points="10, 0 0,5 0,-5" />
<marker id="a_mk" viewBox="0 -5 10 10" refX="5" refY="0" markerWidth="10" markerHeight="10" orient="auto-start-reverse">
<use xlink:href="#marker_p" /></marker>
<marker id="b_mk" viewBox="0 -5 10 10" refX="5" refY="0" markerWidth="10" markerHeight="10" orient="auto-start-reverse">
<use xlink:href="#marker_p" /></marker>
</defs>
使う場所(前後のコードははしょったがこの関係性だと問題なく動く)
<line id="a_s" x1="5" y1="5" x2="5" y2="103" class="a_arrow01" />
<line id="b_s" x1="5" y1="5" x2="5" y2="245" class="b_arrow01" /> >>167
おまえこそ、XMLにおける実体参照を知らんだろ。ｗ
わからんなら黙ってろよ。 >>168
実体参照を、何処かの定義を使い回すものだって思ってるでしょ？
だから>>166みたいなレスしちゃったんでしょ？ なんだ？なんだ？>>166は
実体参照でなんの問題を解決しようとしたんだ？
ちょっと言ってみ 勘違いするな
実態参照は実体参照とは全然違うものだよ ■ このスレッドは過去ログ倉庫に格納されています
