Lang/html/5/canvas
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
#topicpath();
/////////////////////////////////////////////////////////...
* 目次 [#qe3a93fd]
#contents();
/////////////////////////////////////////////////////////...
* Canvas が使えるか？ [#t4f6cc79]
<script type="text/javascript" language="JavaScript">
<!--
if(window.HTMLCanvasElement){
window.alert("Canvas API を利用できます。");
}else{
window.alert("Canvas API は利用できません。");
}
-->
</script>
/////////////////////////////////////////////////////////...
* 領域を指定し、赤い四角を描画する [#x30365ed]
<canvas id="sample" style="border: 1px solid #000000;" w...
<script type="text/javascript">
window.addEventListener("load",
function() {
var canvas = document.getElementById("sample");
var context = canvas.getContext("2d");
context.fillStyle = "#ff0000";
context.fillRect(20,20,50,50);
},
false);
</script>
/////////////////////////////////////////////////////////...
* Link [#q5fc7c1c]
- [[Mozillaの研究者ら、HTML5とJavaScriptでPDFレンダリング...
終了行:
#topicpath();
/////////////////////////////////////////////////////////...
* 目次 [#qe3a93fd]
#contents();
/////////////////////////////////////////////////////////...
* Canvas が使えるか？ [#t4f6cc79]
<script type="text/javascript" language="JavaScript">
<!--
if(window.HTMLCanvasElement){
window.alert("Canvas API を利用できます。");
}else{
window.alert("Canvas API は利用できません。");
}
-->
</script>
/////////////////////////////////////////////////////////...
* 領域を指定し、赤い四角を描画する [#x30365ed]
<canvas id="sample" style="border: 1px solid #000000;" w...
<script type="text/javascript">
window.addEventListener("load",
function() {
var canvas = document.getElementById("sample");
var context = canvas.getContext("2d");
context.fillStyle = "#ff0000";
context.fillRect(20,20,50,50);
},
false);
</script>
/////////////////////////////////////////////////////////...
* Link [#q5fc7c1c]
- [[Mozillaの研究者ら、HTML5とJavaScriptでPDFレンダリング...
ページ名:
![[PukiWiki]](image/tux_100x119.jpg "[PukiWiki]")
