JSFiddle - React, Tailwind, and code Playground

by sosuzukikke

HTML

<html>
  <body>
        <h2>基礎梁がない場合、反曲点は柱脚となる</h2>
        <div id='canvas1' class='mofi'>
Canvas:
  W: 400
  H: 300
Node:
-  1 0.0 0.0
-  2 6.0 0.0
- 11 0.0 3.0
- 12 6.0 3.0
Boundary:
-  1  1  1  0
-  2  1  1  0
Member:
-  1 11 1.0 1000.0
-  2 12 1.0 1000.0
- 11 12 1.0 1000.0
NodalLoad:
- 11 10.0  0.0  0.0
        </div>
        <h2>上下の梁の剛比が同じ場合、反曲点は柱中央となる</h2>
        <div id='canvas2' class='mofi'>
Canvas:
  W: 400
  H: 300
Node:
-  1 0.0 0.0
-  2 6.0 0.0
- 11 0.0 3.0
- 12 6.0 3.0
Boundary:
-  1  1  1  0
-  2  1  1  0
Member:
-  1 11 1.0 1000.0
-  2 12 1.0 1000.0
-  1  2 1.0 1000.0
- 11 12 1.0 1000.0
NodalLoad:
- 11 10.0  0.0  0.0
        </div>
        <h2>基礎梁の剛比が大きい場合、反曲点は柱頭側に寄る</h2>
        <div id='canvas3' class='mofi'>
Canvas:
  W: 400
  H: 300
Node:
-  1 0.0 0.0
-  2 6.0 0.0
- 11 0.0 3.0
- 12 6.0 3.0
Boundary:
-  1  1  1  0
-  2  1  1  0
Member:
-  1 11  1.0 1000.0
-  2 12  1.0 1000.0
-  1  2 10.0 1000.0
- 11 12  1.0 1000.0
NodalLoad:
- 11 10.0  0.0  0.0
        </div>
        <h2>外柱と内柱では内柱のせん断力が大きい</h2>
        <div id='canvas4' class='mofi'>
Canvas:
  W: 400
  H: 300
Node:
-  1 0.0 0.0
-  2 3.0 0.0
-  3 6.0 0.0
- 11 0.0 3.0
- 12 3.0 3.0
- 13 6.0 3.0
Boundary:
-  1  1  1  0
-  2  1  1  0
-  3  1  1  0
Member:
-  1 11  1.0 1000.0
-  2 12  1.0 1000.0
-  3 13  1.0 1000.0
-  1  2 10.0 1000.0
-  2  3 10.0 1000.0
- 11 12  1.0 1000.0
- 12 13  1.0 1000.0
NodalLoad:
- 11 10.0  0.0  0.0
        </div>
        <h2>柱の軸剛性が不均等なら、鉛直荷重により梁にせん断が生じる</h2>
        <div id='canvas5' class='mofi'>
Canvas:
  W: 400
  H: 300
Node:
-  1 0.0 0.0
-  2 3.0 0.0
-  3 6.0 0.0
- 11 0.0 3.0
- 12 3.0 3.0
- 13 6.0 3.0
Boundary:
-  1  1  1  0
-  2  1  1  0
-  3  1  1  0
Member:
-  1 11  1.0 1000.0
-  2 12  1.0 10.0
-  3 13  1.0 1000.0
-  1  2 10.0 1000.0
-  2  3 10.0 1000.0
- 11 12  1.0 1000.0
- 12 13  1.0 1000.0
NodalLoad:
- 11 0.0 10.0  0.0
- 12 0.0 10.0  0.0
- 13 0.0 10.0  0.0
        </div>
        </div>
        <h2>短柱にはせん断力が集中する</h2>
        <div id='canvas6'...