X



【XML】SVGってどうなの2【DOM】
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2006/08/11(金) 12:30:46ID:0ktWc2zc
前スレ落ちたので、あまり要らないと思うけど立てました。

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もたのみます!
0073Name_Not_Found
垢版 |
2007/09/15(土) 09:35:42ID:???
SVGはもういらないのかな
ttp://www.html5.jp/canvas/index.html
0074Name_Not_Found
垢版 |
2007/09/15(土) 13:31:29ID:PpW/gtH5
文字も描けないしアニメーションもできない男の人って…
0075Name_Not_Found
垢版 |
2007/09/17(月) 21:05:28ID:???
>>73
むしろ必要じゃないか?
JSON+canvasもありだけど、JSON形式に対応した画像編集ソフトがないからな。

ところで、話は変わるけど、SVGにcavas要素を拡張してほしい。
SVG1.2のμDOMだと、cavasのAPIをパクってるのに……。
007675
垢版 |
2007/09/17(月) 21:25:01ID:???
cavasて、何だよ…
canvasだろ。恥ずかしい。
0077質問
垢版 |
2007/10/26(金) 14:36:14ID:???
3DのSVGに関して、おすすめのページとかってありますかね?
0079Name_Not_Found
垢版 |
2007/11/17(土) 22:54:25ID:???
>>78
音と画質がアレだけど、入門としては適しているかもしれない

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

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

立体画像が描きたいだけ?
それは...お勧めのページなんて、わからないので、ごめん。
0080Name_Not_Found
垢版 |
2007/12/22(土) 19:11:21ID:???
SVG Catsから入ったからアイデアプロセッサの標準仕様か何かかと思ってた。廃れるのね?
0081Name_Not_Found
垢版 |
2008/01/08(火) 14:46:53ID:???
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;"/>
0082Name_Not_Found
垢版 |
2008/01/08(火) 17:35:02ID:???
そんなのをテク呼ばわりするあなたがステキ。
0083Name_Not_Found
垢版 |
2008/01/15(火) 20:28:50ID:???
ttp://www.atmarkit.co.jp/news/200801/15/ranking.html
0085Name_Not_Found
垢版 |
2008/01/25(金) 22:45:04ID:???
>>84
歴史を見てみると、MSはJavaScirptやDOMですら独自規格(JScript)を貫いているからなあ。(CSSはMSが提案者の一人なので例外)
prototype.jsのような存在が出てくれば、状況が変わるかも。
0086Name_Not_Found
垢版 |
2008/01/26(土) 08:55:41ID:???

JScriptはECMAScriptに準拠してるけど
0087Name_Not_Found
垢版 |
2008/01/26(土) 17:12:01ID:5u0u4TRm
宗主国のadobeにすら見捨てられたSVGの生きのこるには
0088Name_Not_Found
垢版 |
2008/01/27(日) 14:55:46ID:???
普及してないって直球で言われてるな
ttp://www.atmarkit.co.jp/news/200801/25/html.html
0089Name_Not_Found
垢版 |
2008/01/27(日) 19:07:49ID:???
XHTMLがHTMLより難しなんてことはないだろ。
HTMLより全然簡単じゃん。
0090Name_Not_Found
垢版 |
2008/01/27(日) 20:29:39ID:???
>だから、ごく当たり前の結論だが、マイクロソフトがSVGを相手にしないのは合理的な戦略だ。

この記者はMSの株でも持ってるのか?
0091Name_Not_Found
垢版 |
2008/01/27(日) 20:40:05ID:???
否定的な意味合いで言ってるんだと思った
0092Name_Not_Found
垢版 |
2008/01/28(月) 00:14:00ID:???
CanvasもMSに相手にされなくて結局普及しないよ
0093Name_Not_Found
垢版 |
2008/01/28(月) 10:06:38ID:???
canvasなんてもう普及してるから
0094Name_Not_Found
垢版 |
2008/01/29(火) 09:03:38ID:???
すみません。Illustrator scriptスレからこちらに来ました。
質問なんですが、IllustratorCS2にて、SVGファイルを作りたいのですが、
線をクリックしたら線の色を変更する(SVGインタラクティビティで、イベント=onclick)
にはどうすればいいのでしょうか?
一応は検索して探したのですが…。

あまり複雑ではない配線図の線に、このような処理をしたいと考えています。
Flashで作成とかも考えたのですが、制作が大変そうでSVGを考えています。
描画もSVG(SVGZ)の方が早いと思っているのです。
どなたかお教え下さい!!
009694
垢版 |
2008/02/01(金) 12:58:03ID:???
情報ありがとです。
線の色を変える方法は何とか分かりました。
イラレ完結でやりたいので、まだまだ課題は山積みですが、色々とがんばってみます。
(ツールチップ表示やリンクなど)
0097Name_Not_Found
垢版 |
2008/02/07(木) 22:48:20ID:???
>>93
じゃあ、SVGも普及しているんではなかろうか
0098Name_Not_Found
垢版 |
2008/02/21(木) 22:11:39ID:???
まあ、今からSVGもcanvasも消滅することはないだろうな
0099Name_Not_Found
垢版 |
2008/03/19(水) 23:57:42ID:P7J6P/vI
うおーい!Windows版SafariはSVG Filter完全無視かよ〜
そりゃないぜ!
0100Name_Not_Found
垢版 |
2008/03/20(木) 05:02:14ID:???
Windows版Safariは正直それ以前の問題だと思う
0101Name_Not_Found
垢版 |
2008/03/20(木) 10:31:50ID:???
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>
のように分けるともうダメだ。
0102Name_Not_Found
垢版 |
2008/03/20(木) 14:07:07ID:???
結局のところあと数年は
今までどおりベクターな画像はFlashにしろってことなんだろう
0103Name_Not_Found
垢版 |
2008/03/20(木) 14:35:06ID:???
Operaはなにげに優秀なんだよな。9.5でテストスイート見ると
なかなかにすばらしい。
0104Name_Not_Found
垢版 |
2008/03/20(木) 14:50:18ID:???
普及率4番目でシェア1〜2%のブラウザで対応されてもなぁ
0106Name_Not_Found
垢版 |
2008/03/20(木) 21:22:07ID:???
最近はケータイでの閲覧がIEの次に多いんだが
ケータイでSVGってあり得ないんだよな・・・?
とケータイ持ってない俺が嘆いてみるテスツ
0107Name_Not_Found
垢版 |
2008/03/21(金) 15:43:22ID:???
携帯で XML が今のところ有り得ないんじゃね
0108Name_Not_Found
垢版 |
2008/03/22(土) 01:50:28ID:V/rZSSm7
filterに限らず「プロパティ: url(hoge.svg#id)」の形での外部SVGファイルの参照は出来ないのか。Firefox3。

と思ったら、OperaもSafariも外部SVGファイルを読んでくれない。
ダメダメじゃん!Safariが外部SVGファイルのSVG-fontを読むだけだ!

filterとかmarkerとかって外部ファイルを参照できない仕様なんだっけ?違うよね?
0109Name_Not_Found
垢版 |
2008/03/22(土) 06:50:57ID:???
>>107
フルブラウザでXMLっておKじゃなかったか?
まあどうでもいいけど
0110Name_Not_Found
垢版 |
2008/03/24(月) 10:20:21ID:???
>>108
そもそも SVG を外部から読み込むっていうのがよくわからん
XInclude ではだめな状況なのか

>>109
そこまでの処理能力が携帯に備わってるとは思えない
Opera だと XML 関連は不安すぎってのもある
0111Name_Not_Found
垢版 |
2008/03/24(月) 12:00:27ID:???
じゃあ「備わってると思う」
なんて意味のないレス・・・
0112Name_Not_Found
垢版 |
2008/03/24(月) 18:51:00ID:???
>>110
ちょっと例え話で説明しようか。Flashが外部のCSSファイルを読み込むようにしたが、
1、Flashの処理が遅くなった(CSSファイルを読み込んで処理するまで待たなければならない)
2、ネットワークエラーで読み込み失敗したときなど、Flashのデザインにバラツキができた
3、外部のCSSを編集しない限り、Flashデザインの編集ができなくなった。

で、上のデメリットを踏まえたうえで、>>110に問いたい
なぜ、埋め込まない?
0113112
垢版 |
2008/03/24(月) 18:53:28ID:???
>>110じゃなかった。
>>108
ごめん
0114Name_Not_Found
垢版 |
2008/03/24(月) 22:03:27ID:???
そりゃ、複数のファイルで同じフィルタ使ってる場合に、一つのファイルに書いたフィルタを参照させたいから。
べつにプレゼンテーション属性を全部外部に追い出したいとか言ってるわけじゃない。

いちいち同じことを全部のファイルに書いて、変更するときは全部変更しないといけないじゃん。
0116Name_Not_Found
垢版 |
2008/07/23(水) 16:51:17ID:???
SVGの表示速度ってどのブラウザが一番早いと感じる?
自分のは、IE6.0の方がFirefox2.0より断然早い
ちなみにSVG Viewer 6.0を付けてる
0117Name_Not_Found
垢版 |
2008/07/23(水) 16:52:18ID:1n3ClvKL
age
0119Name_Not_Found
垢版 |
2008/08/13(水) 20:32:29ID:???
Safariは互換性低いからなー。
0120Name_Not_Found
垢版 |
2008/08/13(水) 20:38:40ID:???
連投済まん。
ところで、これ↓ってもう完成したのかな?
ttp://kokogiko.net/m/archives/001927.html
0121Name_Not_Found
垢版 |
2008/09/15(月) 11:31:24ID:7hFeJvk0
hosu
0122Name_Not_Found
垢版 |
2008/12/09(火) 01:13:06ID:???
ブラウザに表示したSVGを、SVGで保存しても、イラレで読めない orz
0123Name_Not_Found
垢版 |
2008/12/15(月) 22:54:35ID:iy26OhKu
AdobeのビューワーでSVGを高画質で表示すると色が薄くなるけど、
透明度の低いフィルターでもかけてるのかね?
あの減色を止める方法があれば知りたい(高画質のチェックを外す以外の方法で)。
0124Name_Not_Found
垢版 |
2008/12/22(月) 13:46:08ID:???
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出ない・・そういうもんなの?
0127Name_Not_Found
垢版 |
2009/03/24(火) 08:39:39ID:???
<?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
0128Name_Not_Found
垢版 |
2009/03/24(火) 08:41:12ID:???
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>
0130Name_Not_Found
垢版 |
2009/04/08(水) 00:55:46ID:???
ぐは、間違って送信ボタンを押してしまった・・・。

最近、日本語テキストが表示されたりされなかったりする現象に
困ってるんですが、何か情報無いですかね?

会社で試したところでは、
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>
0131Name_Not_Found
垢版 |
2009/05/21(木) 21:29:37ID:9gvVR7+b
IE7,8に対応したSVGビューアってありますか?
0132Name_Not_Found
垢版 |
2009/09/29(火) 05:01:51ID:???
svgはいいけどさ、
canvasだと、拡張子はどうなるんだろう。
あとjson形式でベクター決めるのかな
0133Name_Not_Found
垢版 |
2009/10/25(日) 10:58:57ID:WE50mUFi
Safari 4でfilterが効かなくなった?
昔のバージョンでは効いてたのに。

もしかしてGPUがハイスペックなマシンじゃないと効かないとかいう罠ですか?
0135Name_Not_Found
垢版 |
2012/07/01(日) 00:14:37.80ID:???
lineのstroke-width="1"で線を引くと若干太い気がするのですが
もっと細くできませんか?CSSのborderくらいに
0136Name_Not_Found
垢版 |
2012/08/30(木) 00:29:49.92ID:???
SVG2の公開ドラフト初版が出てるね

SVG Tiny1.2勧告が無かったことにされててヒドス
フルバージョンのSVG1.2は廃案になってるから道連れに消されたのかw
0137Name_Not_Found
垢版 |
2012/09/15(土) 21:18:23.49ID:???
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
0138Name_Not_Found
垢版 |
2013/02/08(金) 12:30:13.60ID:???
ブラウザ指定でWebアプリ作るときは使い放題
スマートフォン向けとか
0139Name_Not_Found
垢版 |
2013/10/23(水) 02:45:52.59ID:l3ipn6HK
SVGを覚えたいのですがSVG2の策定が進んでいるようなので気になっています
どの程度までの基礎知識が共通なのでしょうか?
0140Name_Not_Found
垢版 |
2013/10/23(水) 13:51:27.72ID:???
基本的には上位互換の拡張だから
大半の知識はSVG2でもそのまま通用する
SVG2で廃止された機能も若干あるが

IDL は記述言語が詳細度が高いものに変更されたので
スクリプトであれこれしたいときはSVG2を見た方がいい場合もある
0141Name_Not_Found
垢版 |
2013/10/24(木) 08:59:24.96ID:???
edgeでまたもやadobeにやられましたw
0143Name_Not_Found
垢版 |
2015/03/04(水) 10:49:04.05ID:???
svgはfaviconとかにも向いてると思うけど
Firefoxで最初に表示されるのに、数ページ見てる内にFaviconが消えるんだよね
ChromeではFaviconは無理みたいだな
0145Name_Not_Found
垢版 |
2015/09/22(火) 02:25:14.19ID:A/iMrMyl
<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>
0146Name_Not_Found
垢版 |
2015/09/22(火) 02:25:51.40ID:???
<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>
0148Name_Not_Found
垢版 |
2015/09/22(火) 02:29:07.13ID:???
もっと簡単にできないのかな?
0149Name_Not_Found
垢版 |
2015/09/22(火) 11:27:33.13ID:A/iMrMyl
<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>
0150Name_Not_Found
垢版 |
2015/09/22(火) 11:28:06.98ID:???
<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>
0158Name_Not_Found
垢版 |
2015/09/23(水) 20:05:12.22ID:???
>>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>
0159Name_Not_Found
垢版 |
2015/10/12(月) 19:02:00.76ID:dsv23UAz
スクリプトインストーラ
Tampermonkey  Chrome用 Sleipnir用 Tungsten用 Slimjet用 順序設定可能
https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
Greasemonkey  Firefox用 PaleMoon用 Lunascape用 Cyberfox用 順序設定可能
https://addons.mozilla.org/ja/firefox/addon/greasemonkey/versions/
Violentmonkey  Opera用
https://addons.opera.com/ja/extensions/details/violent-monkey/
Scriptish  SeaMonkey用
https://addons.mozilla.org/ja/seamonkey/addon/scriptish
NinjaKit  Safari用
http://os0x.hatenablog.com/entry/20100612/1276330696
0163Name_Not_Found
垢版 |
2018/02/18(日) 20:27:56.22ID:???
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
0164Name_Not_Found
垢版 |
2018/05/01(火) 21:51:38.56ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

EV332
0165Name_Not_Found
垢版 |
2018/08/03(金) 09:05:26.40ID:ilUNb57d
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" />
0166Name_Not_Found
垢版 |
2018/08/03(金) 23:44:50.53ID:???
XMLなんだし、実態参照を使えば。
0167Name_Not_Found
垢版 |
2018/08/05(日) 11:45:57.56ID:rQaUg0Ep
>>166
実体参照が何か知らないんですねw
0168Name_Not_Found
垢版 |
2018/08/05(日) 14:14:23.91ID:???
>>167
おまえこそ、XMLにおける実体参照を知らんだろ。w
わからんなら黙ってろよ。
0169Name_Not_Found
垢版 |
2018/08/06(月) 00:17:29.03ID:???
>>168
実体参照を、何処かの定義を使い回すものだって思ってるでしょ?
だから>>166みたいなレスしちゃったんでしょ?
0171Name_Not_Found
垢版 |
2018/08/06(月) 04:03:18.73ID:???
なんだ?なんだ?>>166
実体参照でなんの問題を解決しようとしたんだ?
ちょっと言ってみ
0172Name_Not_Found
垢版 |
2018/09/25(火) 13:28:46.87ID:???
勘違いするな
実態参照は実体参照とは全然違うものだよ
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況