SVG波形ライブラリ [転載禁止]©2ch.net

■ このスレッドは過去ログ倉庫に格納されています
2015/09/24(木) 19:54:37.04ID:NdxNuwt/
SVG波形ライブラリについて
2015/09/24(木) 19:56:08.17ID:NdxNuwt/
ベジェ曲線で描く円と真円の差について
http://cat-in-136.github.io/2014/03/bezier-2-diff.html
http://cat-in-136.github.io/images/diff-error-illustrator.png
円と誤差の関係。緑付近は正確、赤付近は若干真円よりも大きい

ベジェ曲線の近似円弧における真円との差異について、
下記特徴があることがわかった。
ベジェ曲線の近似円弧の方が、真円よりも若干大きい
0度、45度、90度の部分は円と重なる
19.44度、70.56度あたりが円と差があるところであり、
半径の0.00027倍程度の誤差がある
ベジェ曲線を使う限り円の精度は
有効数字4桁程度といったところのようである。
2015/09/24(木) 19:57:14.27ID:NdxNuwt/
位相変換 p点とp'点では異なる位相で観測(拡大)
http://faustus.xii.jp/uploda/src/file751.htm
2015/09/24(木) 19:57:49.13ID:NdxNuwt/
3次のベジェ曲線（4個の制御点で示される曲線）の描画を説明をする。
https://ja.wikipedia.org/wiki/%E3%83%99%E3%82%B8%E3%82%A7%E6%9B%B2%E7%B7%9A
3次ベジェ曲線の数式
http://geom.web.fc2.com/geometry/bezier/cubic.html
三次ベジェ曲線命令について
http://www.hcn.zaq.ne.jp/___/SVG11-2nd/paths.html #PathDataCubicBezierCommands
　
三次ベジェ曲線命令を使ってsin波形を近似する例
<svg width=1000 viewBox="0 0 499 499">
<path d="M60,160 c96,-518 104,518 200,0 " fill=none stroke=black stroke-width=2 />
</svg>

ここで数学的設問
三次ベジェ曲線命令を使ってsin波形を近似する例であるが
c96,-518 104,518 この4個の数値を変更して
精度を上げるための数値を導く式を示せ。
2015/09/24(木) 19:58:27.91ID:NdxNuwt/
三次ベジェ曲線を図解
http://2.bp.blogspot.com/-N63zGB1lZ1s/TpDEeJE1FgI/AAAAAAAAJeU/qB0X2be6nN0/s800/step3.gif
2015/09/24(木) 19:58:54.50ID:smx6ayJT
この馬鹿がたてた糞スレ

量子テレポーテーション× ⇒ 位相変換 [転載禁止](c)2ch.net
http://wc2014.2ch.net/test/read.cgi/math/1442779660/
2015/09/24(木) 20:48:14.69ID:ZdS+oAD4
なるほど。>>1はキチガイか
8デフォルトの名無しさん
垢版 |
2015/09/24(木) 22:10:12.14ID:NdxNuwt/
File:Sin.svg
https://commons.wikimedia.org/wiki/File:Sin.svg
https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Sin.svg/800px-Sin.svg.png
2015/09/25(金) 21:49:32.37ID:dmr2PwAr
Fuse One - Hot Fire. wmv
http://aurorawave.atspace.tv/?sop:v/kX9uwK_mqm8&;RDkX9uwK_mqm8 http://i1.ytimg.com/vi/kX9uwK_mqm8/mqdefault.jpg #AuroraWaveTV
2015/09/27(日) 06:17:02.02ID:/yIhczFQ
ベジェ曲線で正確な放物線を作図する方法
http://iky.no-ip.org/weblog/2008/10/post_186.html
http://iky.no-ip.org/weblog/20081019_01.gif
http://iky.no-ip.org/weblog/20081019_02.gif
http://iky.no-ip.org/weblog/20081019_03.gif
http://iky.no-ip.org/weblog/20081019_04.gif
2015/09/27(日) 06:37:35.46ID:/yIhczFQ
SVG でどうやって書けばいいのかわからない曲線
http://www.ne.jp/asahi/music/marinkyo/ml/kurbo.html.ja
12デフォルトの名無しさん
垢版 |
2015/09/27(日) 06:38:26.50ID:/yIhczFQ
Pat Metheny Group (Pat Metheny, Richard Bona, Antonio Sanchez) Bright Size Life Complete version!
http://aurorawave.atspace.tv/?sop:v/amEp34owKn0&;RDkX9uwK_mqm8 http://i1.ytimg.com/vi/amEp34owKn0/mqdefault.jpg #AuroraWaveTV
2015/09/27(日) 06:49:08.35ID:/yIhczFQ
sin波について
https://en.wikipedia.org/wiki/Sine
https://upload.wikimedia.org/wikipedia/commons/3/3b/Circle_cos_sin.gif
https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Sine_quads_01_Pengo.svg/1065px-Sine_quads_01_Pengo.svg.png

sin波カラーについて
https://de.wikipedia.org/wiki/Sinus_und_Kosinus
https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Sine_cosine_one_period.svg/600px-Sine_cosine_one_period.svg.png
https://upload.wikimedia.org/wikipedia/commons/8/80/Complex_coloring.jpg
2015/09/27(日) 06:49:55.73ID:/yIhczFQ
画像リンクを見つけると確認できる様に画像を縮小表示して追加するらしい
https://openuserjs.org/scripts/open2chExtender/open2chAdBlock
https://i.imgur.com/zrmPC46.jpg https://i.imgur.com/J1c2f6g.jpg
2015/09/27(日) 06:57:37.02ID:ukB2xSyg
ベジェ曲線で描く円と真円の差について
http://cat-in-136.github.io/2014/03/bezier-2-diff.html
http://cat-in-136.github.io/images/diff-error-illustrator.png
円と誤差の関係。緑付近は正確、赤付近は若干真円よりも大きい

ベジェ曲線の近似円弧における真円との差異について、
下記特徴があることがわかった。
ベジェ曲線の近似円弧の方が、真円よりも若干大きい
0度、45度、90度の部分は円と重なる
19.44度、70.56度あたりが円と差があるところであり、
半径の0.00027倍程度の誤差がある
ベジェ曲線を使う限り円の精度は
有効数字4桁程度といったところのようである。
2015/09/27(日) 17:25:08.73ID:ukB2xSyg
SVG 1.1 仕様 （第２版） 日本語訳
http://www.hcn.zaq.ne.jp/___/SVG11-2nd/
17デフォルトの名無しさん
垢版 |
2015/09/27(日) 18:29:37.68ID:ukB2xSyg
<script>tx='SVG画像　ほぼ正円を描くための3種類の方法 (circle,rect,path)';
cc='blue';cr='red';cp='black';cf='none';s=1;x=500;y=500;r=500;k=(-1+Math.sqrt(2))/3*4;kr=k*r;mkr=(r-(k*r));
txt='<title>'+tx+'</title><center>'+tx+'<br><svg valign=top width=1024 viewBox=" -10 -10 1013 1013 ">'+
'<circle cx='+(x)+' cy='+(y)+' r='+(r)+' fill='+(cf)+' stroke='+(cc)+' stroke-width='+(s*5)+' />'+
'<rect x='+(x-r)+' y='+(y-r)+' width='+(x+r)+' height='+(x+r)+' rx='+(r)+' fill='+(cf)+' stroke='+(cr)+' stroke-width='+(s*3)+' />'+
'<path d="M'+(x+r)+','+(y)+' c'+(0)+','+(-kr)+' '+(-mkr)+','+(-r)+' '+(-r)+','+(-r)+' c'+(-kr)+','+(0)+' '+(-r)+','+(mkr)+' '+(-r)+','+(r)+' " fill='+(cf)+' stroke='+(cp)+' stroke-width='+(s)+' />'+
'<path d="M'+(x-r)+','+(y)+' c'+(0)+','+(kr)+' '+(mkr)+','+(r)+' '+(r)+','+(r)+' c'+(kr)+','+(0)+' '+(r)+','+(-mkr)+' '+(r)+','+(-r)+' " fill='+(cf)+' stroke='+(cp)+' stroke-width='+(s)+' />'+
'</svg></center>';document.write(txt);</script>
2015/09/27(日) 19:02:01.29ID:ukB2xSyg
<script>tx='SVG画像　ほぼ正円を描くための3種類の方法 (circle,rect,path) 正円にそって回転';
cc='blue';cr='red';cp='black';cf='none';s=1;x=250;y=250;r=250;k=(-1+Math.sqrt(2))/3*4;kr=k*r;mkr=(r-(k*r));
txt='<title>'+tx+'</title><center>'+tx+'<br><svg valign=top width=531 viewBox=" -10 -10 520 520 ">'+
'<circle cx='+(x)+' cy='+(y)+' r='+(r)+' fill='+(cf)+' stroke='+(cc)+' stroke-width='+(s*5)+' />'+
'<rect x='+(x-r)+' y='+(y-r)+' width='+(x+r)+' height='+(x+r)+' rx='+(r)+' fill='+(cf)+' stroke='+(cr)+' stroke-width='+(s*3)+' />'+
'<path id=path d="M'+(x+r)+','+(y)+' c'+(0)+','+(-kr)+' '+(-mkr)+','+(-r)+' '+(-r)+','+(-r)+' c'+(-kr)+','+(0)+' '+(-r)+','+(mkr)+' '+(-r)+','+(r)+' '+
'c'+(0)+','+(kr)+' '+(mkr)+','+(r)+' '+(r)+','+(r)+' c'+(kr)+','+(0)+' '+(r)+','+(-mkr)+' '+(r)+','+(-r)+' " fill='+(cf)+' stroke='+(cp)+' stroke-width='+(s)+' />'+
'<circle cx=0 cy=0 r=7 fill=red stroke=red stroke-width=1><animateMotion dur=10s repeatCount=indefinite rotate=none><mpath xlink:href=#path /></animateMotion></circle>'+
'<text x=-14 y=-14 font-family=Verdana font-size=16 fill=blue>t →<animateMotion dur=10s repeatCount=indefinite rotate=auto><mpath xlink:href=#path /></animateMotion></text>'+
'</svg></center>';document.write(txt);</script>
2015/09/27(日) 22:35:32.51ID:ukB2xSyg
<script>tx='SVG画像　ほぼ正円をcircle,rect,pathで描き正円にそって回転させ近似sin波形cos波形の誤差解析';
cc='blue';cr='red';cp='pink';cf='none';t=20;s=2;x=250;y=250;r=250;k=(-1+Math.sqrt(2))/3*4;kr=k*r;mkr=(r-(k*r));
function ani(tAni,rAni,pAni){return('<animateMotion dur='+(tAni)+'s repeatCount=indefinite rotate='+(rAni)+'><mpath xlink:href=#'+(pAni)+' /></animateMotion>');}
txt='<title>'+tx+'</title><center>'+tx+'<br><svg valign=top width=1031 viewBox=" -10 -10 520 520 ">'+
'<circle cx='+(x)+' cy='+(y)+' r='+(r)+' fill='+(cf)+' stroke='+(cc)+' stroke-width='+(1)+' />'+
'<rect x='+(x-r)+' y='+(y-r)+' width='+(x+r)+' height='+(x+r)+' rx='+(r)+' fill='+(cf)+' stroke='+(s)+' stroke-width='+(s)+' />'+
'<path id="PathX" d="M'+(x-r)+','+(y)+' '+(x+r)+','+(y)+'" fill=none stroke=none stroke-width='+(s)+' />'+
'<path id="PathY" d="M'+(x)+','+(y-r)+' '+(x)+','+(y+r)+'" fill=none stroke=none stroke-width='+(s)+' />'+
'<path id="PathZ" d="M'+(x-r)+','+(y-r)+' '+(x+r)+','+(y+r)+'" fill=pink stroke=pink stroke-width='+(s)+' />'+
'<path id="PathC" d="M'+(x+r)+','+(y)+' c'+(0)+','+(-kr)+' '+(-mkr)+','+(-r)+' '+(-r)+','+(-r)+' c'+(-kr)+','+(0)+' '+(-r)+','+(mkr)+' '+(-r)+','+(r)+' '+
'c'+(0)+','+(kr)+' '+(mkr)+','+(r)+' '+(r)+','+(r)+' c'+(kr)+','+(0)+' '+(r)+','+(-mkr)+' '+(r)+','+(-r)+' " fill='+(cf)+' stroke='+(cp)+' stroke-width='+(s)+' />'+
2015/09/27(日) 22:36:03.13ID:ukB2xSyg
'<path d="M0,250 c239,-865 261,865 500,0 " fill=none stroke=yellow stroke-width=1 />'+
'<path d="M250,-125 c865,240 -865,260 0,500 c865,240 -865,260 0,500" fill=none stroke=yellow stroke-width=1 />'+
'<path d="M0,250 c101,-333 149,-333 250,0 c101,333 149,333 250,0 " fill=none stroke=green stroke-width=1 />'+
'<path d="M500,0 q0,52 -250,125 c-333,101 -333,149 0,250 q250,73 250,125" fill=none stroke=red stroke-width=1 />'+
'<path d="M-250,250 c101,333 149,333 250,0 c101,-333 149,-333 250,0 c101,333 149,333 250,0 c101,-333 149,-333 250,0" fill=none stroke=red stroke-width=1 />'+
'<path d="M250,-125 c333,101 333,149 0,250 c-333,101 -333,149 0,250 c333,101 333,149 0,250" fill=none stroke=green stroke-width=1 />'+
'<path id=pathX d="M-10000,0 10000,0" fill=red stroke=red stroke-width=1>'+(ani(t,'none','PathC'))+'</path><path d="M0,-10000 0,10000" fill=green stroke=green stroke-width=1>'+(ani(t,'none','PathC'))+'</path>'+
'<circle cx=0 cy=0 r=2 fill=pink stroke=pink stroke-width=1>'+(ani(t,'auto','PathC'))+'</circle><text x=-14 y=-14 font-family=Verdana font-size=16 fill=pink>t →'+(ani(t,'auto','PathC'))+'</text>'+
'<path d="M0,-10000 0,10000" r=1 fill=red stroke=red stroke-width=1>'+(ani(t,'auto','PathX'))+'</path><text x=14 y=0 font-family=Verdana font-size=16 fill=red>t →'+(ani(t,'auto','PathX'))+'</text>'+
'<path d="M0,-10000 0,10000" r=1 fill=green stroke=green stroke-width=1>'+(ani(t,'auto','PathY'))+'</path><text x=14 y=0 font-family=Verdana font-size=16 fill=green>t →'+(ani(t,'auto','PathY'))+'</text>'+
'<circle cx=0 cy=0 r=2 fill=pink stroke=pink stroke-width=1>'+(ani(t,'auto','PathZ'))+'</circle>'+
'</svg></center>';document.write(txt);</script>
2015/09/27(日) 23:15:06.13ID:ukB2xSyg
in波形cos波形svg画像
http://faustus.xii.jp/uploda/src/file757.htm

SVG画像　ほぼ正円をcircle,rect,pathで描き
正円にそって回転させ近似sin波形cos波形の誤差解析
http://faustus.xii.jp/uploda/src/file756.htm
2015/09/28(月) 01:46:07.30ID:1aojpvRf
sin波形cos波形tan波形svg画像
http://faustus.xii.jp/uploda/src/file761.htm
23デフォルトの名無しさん
垢版 |
2015/09/29(火) 20:34:07.22ID:6qTaBiya
LG Curved OLED TV Advert – Perfect Viewing, Infinite Contrast Ratio & 4K Upscaling
http://aurorawave.atspace.tv/?sop:v/9Ijjf6r86-o&;RDnBDjilrh4X4 http://i1.ytimg.com/vi/9Ijjf6r86-o/mqdefault.jpg #AuroraWaveTV
2015/09/29(火) 20:52:17.48ID:9sfqVZ6a
理論物理学のための幾何学とトポロジーを読もう
2015/09/29(火) 21:12:55.68ID:6qTaBiya
IE ⇒ Lunascape ⇒ Chrome ⇒ Safari ⇒ Opera ⇒ Sleipnir ⇒ AvantUltimate ⇒ PaleMoon ⇒ Firefox ⇒ Cyberfox ⇒ Aurora (今ここ)

Acid3スピードテスト http://acid3.acidtests.org/ (A文字をクリックするとタイム表示される)
Total elapsed time: 0.81s　Mozilla/5.0 (Windows NT 6.0; rv:25.7) Gecko/20150824 Firefox/31.9 PaleMoon/25.7.0 Width/1260px/1920px
Total elapsed time: 0.94s　Mozilla/5.0 (Windows NT 6.0; rv:42.0) Gecko/20100101 Firefox/42.0 (Aurora) Width/1260px/1920px
Total elapsed time: 1.07s　Mozilla/5.0 (Windows NT 6.0; rv:43.0) Gecko/20100101 Firefox/43.0 (Nightly) Width/1260px/1920px
Total elapsed time: 1.09s　Mozilla/5.0 (Windows NT 6.0; rv:40.0) Gecko/20100101 Firefox/40.0 Cyberfox/40.0.3 Width/1260px/1920px
Total elapsed time: 1.46s　Mozilla/5.0 (Windows NT 6.0; rv:39.0) Gecko/20100101 Firefox/39.0 Width/1260px/1920px
FirefoxGecko系カスタマイズ設定　　about:config
mousewheel.default.delta_multiplier_y;200　マウススクロールを軽快にする
browser.sessionhistory.max_total_viewers;3　　　 メインメモリ消費を抑える
browser.sessionstore.restore_pinned_tabs_on_demand;true　起動を瞬速化する
https://addons.mozilla.org/ja/firefox/addon/tab-mix-plus/versions/ 　　　ファビコン多段タブ
https://userstyles.org/styles/95820/customizable-minimal-scrollbars-v1-6 　スクロールバー
https://addons.mozilla.org/ja/firefox/addon/greasemonkey/versions/ 　　 　　スクリプト実行
http://www.webextender.net/scripts/show/35194 　　 　　　ニコニコ動画自動再生スクリプト
2015/09/30(水) 12:12:18.54ID:8ZUH2xoh
► Flying Car - AeroMobil 3. 0 demonstration
http://aurorawave.atspace.tv/?sop:v/0Yn2uyQJ1jc&;RD0Yn2uyQJ1jc http://i1.ytimg.com/vi/0Yn2uyQJ1jc/mqdefault.jpg #AuroraWaveTV
27デフォルトの名無しさん
垢版 |
2015/09/30(水) 13:52:12.63ID:8ZUH2xoh
三角関数　正弦 (sine)、正割 (secant)、正接 (tangent)、余弦 (cosine)、余割 (cosecant)、余接(cotangent)
https://ja.wikipedia.org/wiki/%E4%B8%89%E8%A7%92%E9%96%A2%E6%95%B0#/media/File:Trigonometric_functions.svg
2015/09/30(水) 16:40:14.48ID:8ZUH2xoh
<!DOCTYPE html><html><title>sin波形cos波形tan波形cot波形svg画像</title>
<head><style>*{font-size:12pt;font-weight:400;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,'Meiryo UI',sans-serif;}</style></head>
<body leftmargin=0 topmargin=0 marginheight=0 marginwidth=0><center><iframe width="24" height="14" src="https://www.youtube.com/embed/hZ4rc8Vgks4?autoplay=1"; frameborder="0"></iframe>
<font color=red>sin波形</font><font color=magenta>cos波形</font><font color=blue>tan波形</font><font color=green>cot波形</font><font color=black>svg画像</font><br>
<p style=display:inline;></p><script>cc='black';cr='red';cp='none';cf='none';t=60;s=1;x=250;y=250;r=250;k=(-1+Math.sqrt(2))/3*4;kr=k*r;rkr=(r-(k*r));
function ani(tAni,rAni,pAni){return('<animateMotion dur='+(tAni)+'s repeatCount=indefinite rotate='+(rAni)+'><mpath xlink:href=#'+(pAni)+' /></animateMotion>');}
2015/09/30(水) 16:43:59.58ID:8ZUH2xoh
sin波形cos波形tan波形cot波形svg画像
http://faustus.xii.jp/uploda/src/file765.htm
2015/09/30(水) 16:53:25.75ID:8ZUH2xoh
改良sin波形cos波形tan波形cot波形svg画像
http://faustus.xii.jp/uploda/src/file767.htm
2015/09/30(水) 18:57:29.10ID:8ZUH2xoh
三角関数sin波形cos波形tan波形cot波形svg画像
http://faustus.xii.jp/uploda/src/file777.htm
2015/09/30(水) 20:08:11.60ID:8ZUH2xoh
調整sin波形cos波形tan波形cot波形svg画像
http://faustus.xii.jp/uploda/src/file781.htm
2015/10/02(金) 00:47:15.01ID:9Mx435TR
>>32
このURL表示してたらブラウザが音楽を再生し始めたような
なにか音声データ送っている？
2015/10/02(金) 12:55:09.42ID:7Md9hlDd
youtubeのリンク入ってるがな
35デフォルトの名無しさん
垢版 |
2015/10/05(月) 14:23:35.92ID:9rExXD6j
SVG 1.1 仕様 （第２版） 日本語訳
http://www.hcn.zaq.ne.jp/___/SVG11-2nd/
2015/10/05(月) 14:27:34.51ID:9rExXD6j
三角関数について
https://ja.wikipedia.org/wiki/%E4%B8%89%E8%A7%92%E9%96%A2%E6%95%B0
2015/10/05(月) 14:28:39.89ID:9rExXD6j
画像リンクを見つけると確認できる様に画像を縮小表示して追加するらしい
https://openuserjs.org/scripts/open2chExtender/open2chAdBlock
https://i.imgur.com/zrmPC46.jpg https://i.imgur.com/J1c2f6g.jpg
38デフォルトの名無しさん
垢版 |
2015/10/05(月) 18:26:36.46ID:9rExXD6j
Sonrisa (Herbie Hancock) - Joey Alexander Sila | Master-Jam 2013 ＠ LIVE | Day 4 - Gala Concert
http://aurorawave.atspace.tv/?sop:v/qjuHDDBkbVc&;RDqjuHDDBkbVc http://i1.ytimg.com/vi/qjuHDDBkbVc/mqdefault.jpg #AuroraWaveTV
2015/10/05(月) 18:33:06.83ID:9rExXD6j
Joey Alexander - Giant Steps (In-Studio Performance)
http://aurorawave.atspace.tv/?sop:v/f4V_uaxBVOw&;RDqjuHDDBkbVc http://i1.ytimg.com/vi/f4V_uaxBVOw/mqdefault.jpg #AuroraWaveTV
2015/10/05(月) 18:58:13.58ID:9rExXD6j
Joey Alexander ”My Favorite Things” | The World
http://aurorawave.atspace.tv/?sop:v/heIGbOA6Ykw&;RDqjuHDDBkbVc http://i1.ytimg.com/vi/heIGbOA6Ykw/mqdefault.jpg #AuroraWaveTV
2015/10/05(月) 19:26:00.97ID:9rExXD6j
SVGアニメーションの現状
http://postd.cc/the-state-of-svg-animation/
2015/10/05(月) 19:45:42.64ID:9rExXD6j
SVGフィルタの基礎
http://www.atmarkit.co.jp/ait/articles/1207/02/news142_4.html
43デフォルトの名無しさん
垢版 |
2015/10/06(火) 22:50:49.63ID:T04G5k+R
SVGでやりたい事・・・Flashっぽい事・・・HTMLでは画像扱い
44デフォルトの名無しさん
垢版 |
2015/10/07(水) 13:27:22.01ID:n2km88n4
マセマティカのグラフィック関数
http://ocw.nagoya-u.jp/files/71/math-graphic.pdf
http://izumi-math.jp/sanae/Rits/Math%20Seminor/pdf/Math%20Seminor%2009-03.pdf
Mathematica　3次元グラフィックス集
http://yebisu.cc.kyushu-u.ac.jp/~watanabe/OTHERS/Mathematica/3D-graphics.html
Mathematica　その他のグラフィックス集
http://yebisu.cc.kyushu-u.ac.jp/~watanabe/OTHERS/Mathematica/others.html
Mathematica　Google Search
https://www.google.co.jp/search?q=Mathematica&;num=100&source=lnms&tbm=isch&sa=X
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況