HTML5とJavaScriptでブログパーツを作る
フラッシュを使わないでペイントツールを作る
HTML5の新タグ
| ブラウザ | 使用の有無 |
|---|---|
| IE | × |
| FireFox | ○ |
| Google Chrome | ○ |
| Opera | ○ |
これから本格的にブログパーツとして使えるように
なるまでつくりこんでいきたいと思います
| これから追加していこうと思う機能 | |
|---|---|
| 1 | マウスをクリックした時に絵画 |
| 2 | 色の指定 |
Sample Source
<!DOCKTYPE html>
<html lang="ja">
<head>
<script type="text/JavaScript">
window.addEventListener("load", function(){
var can = document.getElementById("myCanvas");
can.addEventListener("mousemove", draw, true);
}, true);function draw(e){
var x = e.clientX;
var y = e.clientY;
var can = document.getElementById("myCanvas");
var context = can.getContext("2d");
context.fillStyle = "rgba(255,0,0,1)";
context.fillRect(x,y,1,1);
}