p9999 - 経済統計練習帳

var cx, cy;
 
function sample(){
 
 
    var fb = new Firebase("https://burning-inferno-7339.firebaseio.com");
    var mf = fb.child('place');
 
    mf.on("child_added", function (snapshot) {
        z1 = snapshot.val();
        x1 = z1.x;
        y1 = z1.y;
 
        paint(x1, y1);
 
    });
 
 
 
 
 
    $("#memo").click(function (e) {
 
        var cx = e.offsetX;
        var cy = e.offsetY;
 
         mf.push({ x: cx,y:cy});
 
 
    });
 
paint();    
 
}
 
function paint(x1,y1){
 
var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";  
str=str+sub.rect(x1,y1,40,40,"red");     
str=str+"</svg>";
 
$("#memo").html(str);   
 
}
 
 
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8" />
        <script src="sample.js"></script>
        <script src="jquery.js"></script>
          <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
 
<script src="svgpaint.js"></script>
        <title>パチンコ</title>
    </head>
    <body onload="sample()">
   <p id="memo"></p>
   </body>
</html>