Blogger と Canvas

AndroidStudio の更新に伴い、色々UPDATEしている最中なので
気になってる事をいじってみたいと思います

Bloggerに「Canvas」を埋め込めるか？
ですけどね

←クリックで描写

canvasTag


<script type="text/javascript">
<!--

function edge1(){

 var canvas = document.getElementById('area1');
 if (canvas.getContext) {

  var ed = canvas.getContext('2d');

  //clear
  ed.beginPath();
  ed.clearRect(0, 0, canvas.width, canvas.height);

  ed.beginPath();
  ed.beginPath();          
  ed.lineWidth = 1;      
  ed.strokeStyle="red";
  ed.moveTo(10,50);        
  ed.lineTo(600,50);      
  ed.stroke();              
 
 }
}

// -->
</script>


 <br />
<form>
<input onclick="edge1()" type="button" value="draw edge" /></form>
<canvas height="300" id="area1" style="border: groove;" width="500">canvasTag
 </canvas>

をHTMLに書き込んだら　こんな感じになりました。

◎和鍼灸院開発部ブログ

Sima-sima【向島〈むかいしま〉の情報誌】

にほんブログ村