Line 38: | Line 38: | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
− | <title> | + | <title>Tool</title> |
<style type="text/css"> | <style type="text/css"> | ||
.talk_show{ | .talk_show{ | ||
− | width: | + | width:1080px; |
− | height: | + | height:620px; |
border:1px solid #666; | border:1px solid #666; | ||
background:#fff; | background:#fff; | ||
Line 147: | Line 147: | ||
<div class="wrap-col"> | <div class="wrap-col"> | ||
<center> | <center> | ||
− | < | + | Number: |
+ | <input type="text" id="number" name="number" value=""> | ||
+ | <button onclick="clearCanvas(); draw();" type="submit">Submit</button> | ||
+ | |||
</center> | </center> | ||
</div> | </div> | ||
Line 175: | Line 178: | ||
</section> | </section> | ||
<script> | <script> | ||
− | var DNAspace= | + | var DNAspace=6;//| | | | |
− | var DNAwid= | + | var DNAwid=6; |
− | var DNAstep= | + | var DNAstep=2; |
var arrowLen=4; | var arrowLen=4; | ||
− | var arrowHeadLen= | + | var arrowHeadLen=8; |
var arrowAngle=Math.PI/8; | var arrowAngle=Math.PI/8; | ||
− | var DNAseperate= | + | var DNAseperate=44; |
− | var Font=" | + | var Font="0px Arial"; |
var FontDescription="14px Arial"; | var FontDescription="14px Arial"; | ||
− | var fontSpace= | + | var fontSpace=2; |
var Black=[0,0,0]; | var Black=[0,0,0]; | ||
− | var reacArrowLen= | + | var reacArrowLen=20; |
− | var reacArrowHeadLen= | + | var reacArrowHeadLen=6; |
− | var longDNAlen= | + | var longDNAlen=20; |
− | var shortDNAlen= | + | var shortDNAlen=16; |
function draw() { | function draw() { | ||
var ctx = document.getElementById('canvas').getContext('2d'); | var ctx = document.getElementById('canvas').getContext('2d'); | ||
+ | var weightedNum=document.getElementById("number").value; | ||
// ctx.font = "18px Arial"; | // ctx.font = "18px Arial"; | ||
// ctx.fillText("Da",20,65); | // ctx.fillText("Da",20,65); | ||
var longDNAlen=20; | var longDNAlen=20; | ||
var shortDNAlen=10; | var shortDNAlen=10; | ||
− | ctx.lineWidth= | + | ctx.lineWidth=1; |
− | drawNeuron(ctx, | + | //clearCanvas(); |
+ | drawNeuron(ctx,weightedNum,50,50); | ||
//arrowReac(ctx,200,50,[500,500]); | //arrowReac(ctx,200,50,[500,500]); | ||
+ | } | ||
+ | function clearCanvas(){ | ||
+ | var c=document.getElementById('canvas'); | ||
+ | var ctx=c.getContext('2d'); | ||
+ | ctx.clearRect(0,0,c.width,c.height); | ||
} | } | ||
function arrowReac(ctx,len,arrowReacLen,[x,y]){ | function arrowReac(ctx,len,arrowReacLen,[x,y]){ | ||
Line 1,444: | Line 1,454: | ||
//x^+ + x^- -> \phi | //x^+ + x^- -> \phi | ||
− | Y=displayStr(ctx,"x+ + x- -> waste",[X,Y],Black); | + | //Y=displayStr(ctx,"x+ + x- -> waste",[X,Y],Black); |
X=X0; | X=X0; | ||
Y=drawSub(ctx,xp,xn,waste,xpColor,xnColor,wasteColor,[X,Y],longDNAlen,shortDNAlen)+4*DNAseperate; | Y=drawSub(ctx,xp,xn,waste,xpColor,xnColor,wasteColor,[X,Y],longDNAlen,shortDNAlen)+4*DNAseperate; | ||
X=X0; | X=X0; | ||
//y + y^- -> \phi | //y + y^- -> \phi | ||
− | Y=displayStr(ctx,"y + y- -> waste",[X,Y],Black); | + | //Y=displayStr(ctx,"y + y- -> waste",[X,Y],Black); |
X=X0; | X=X0; | ||
Y=drawSub(ctx,y,yn,waste,yColor,ynColor,wasteColor,[X,Y],longDNAlen,shortDNAlen)+4*DNAseperate; | Y=drawSub(ctx,y,yn,waste,yColor,ynColor,wasteColor,[X,Y],longDNAlen,shortDNAlen)+4*DNAseperate; | ||
Line 1,478: | Line 1,488: | ||
<div class="talk_show" id="words"> | <div class="talk_show" id="words"> | ||
<canvas id="canvas" width="2000" height="20000"></canvas> | <canvas id="canvas" width="2000" height="20000"></canvas> | ||
− | <script type="text/javascript">draw();</script> | + | <!-- <script type="text/javascript">draw();</script> --> |
</div> | </div> | ||
</body> | </body> | ||
− | |||
− | |||
</html> | </html> |
Revision as of 14:28, 8 September 2019
Welcome to Wiki of SEU!
Your team has been approved and you are ready to start the iGEM season!
More Details