HTML5 function records

1848 ワード

JavaScript 機能

var canvas = document.getElementById('canvas'),
context = canvas.getContext('2d');

context.arc(x,y,radius,0,Math.Pi*2,true);
//(x,y)    ，（0,Math.PI*2)         ，(ture)     ，false(   )，           ，   context.stroke(),       。

//フォントの幅を測る

var strWidth = context.measureText(str).width;
//str              。
//measureText()           ，                。

var canvas = document.querySelector('#canvas');
//querySelector    dom  ，           ：id(#)，class(.)，  。  jquery    。            ，  jquery     ，          。       ：
<body>
       <div id="query">id</div>
       <div class="query">class</div>
</body>
<script>
  var htmlStr= document.querySelector("body #query").innerHTML，//id
  htmlStr=document.querySelector("body div").innerHTML,//          
  htmlStr=document.querySelector( "body .query).innerHTML //class
</script>
//       IE8+，chrome，firefox

canvas.getBoundingClientRect();

function windowToCanvas(canvas,x,y){
    var bbox = canvas.getBoundingClientRect();
    return { x: x - bbox.left * (canvas.width /bbox.width),
             y: y - bbox.top *  (canvas.height /bbox.height)
    };
}
//           canvas  ，getBoundingClientRect()  canvas    ，        --P5。

context.clearRect(x,y,width,heigth);

//clearRect()               。

NumberObject.toFixed(num);

//toFixed()      Number               。
//  num   0，    ，   1，            ， 2.1 。   0~20，    num，     0。

context.drawImage(image,x,y)

drawImage(image,x,y,width,height) //      
drawImage(image,srcX,srcY,srcWidth,srcHeight,desX,desY,desWidth,desHeight)//

C#操作Excelについて、Sheetのレコードをコピー

HTML5 Canvas