Difference between revisions of "Team:SEU/tool"

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>Document</title>
+
     <title>Tool</title>
 
     <style type="text/css">
 
     <style type="text/css">
 
         .talk_show{
 
         .talk_show{
−
             width:880px;
+
             width:1080px;
−
             height:1420px;
+
             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>
−
<img src="https://static.igem.org/mediawiki/2019/2/2b/T--SEU--homepage.jpeg">
+
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=3;//| | | |
+
var DNAspace=6;//| | | |
−
var DNAwid=10;
+
var DNAwid=6;
−
var DNAstep=1;
+
var DNAstep=2;
 
var arrowLen=4;
 
var arrowLen=4;
−
var arrowHeadLen=5;
+
var arrowHeadLen=8;
 
var arrowAngle=Math.PI/8;
 
var arrowAngle=Math.PI/8;
−
var DNAseperate=65;
+
var DNAseperate=44;
−
var Font="10px Arial";
+
var Font="0px Arial";
 
var FontDescription="14px Arial";
 
var FontDescription="14px Arial";
−
var fontSpace=3;
+
var fontSpace=2;
 
var Black=[0,0,0];
 
var Black=[0,0,0];
−
var reacArrowLen=30;
+
var reacArrowLen=20;
−
var reacArrowHeadLen=10;
+
var reacArrowHeadLen=6;
−
var longDNAlen=30;
+
var longDNAlen=20;
−
var shortDNAlen=25;
+
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=2;
+
ctx.lineWidth=1;
−
drawNeuron(ctx,2,50,50);
+
//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

Tool

Number:

Welcome to Wiki of SEU!

Your team has been approved and you are ready to start the iGEM season!

More Details