ホームページ > 記事 > ウェブフロントエンド > JS線画(サンプルコード)_JavaScriptスキル
IE下画線
<script><br>var R =function(){};<br>R.prototype.createLine = function (startX,startY,endX,endY){ <br> var le = document.createElement( " <v:line><v:line>" ); <br> le.from = startX ',' startY ; <br> le.to = endX ',' endY ; <br> le.ストロークカラー= "赤" ; <br> le.ストロークウェイト= "1pt" ; <br> ファイルを返します。 <br>} <br>var d =new R();<br>document.body.appendChild(d.createLine(1,1,200,100));<br></script>
// キャンバスがサポートされていない場合は実行しないようにします
if (canvas.getContext){
// getContext を使用してキャンバスを描画に使用します
var ctx = Canvas.getContext('2d');
// 図形を描画します
ctx.fillRect(25,25,100,100);
ctx.clearRect(45,45,60,60);
ctx.ストロークRect(50,50,50,50) ;
ctx.beginPath();
ctx.moveTo(100,100);
ctx.lineTo(200,250);
ctx.lineTo(50,250);
ctx.closePath();
ctx.ストローク();
} else {
alert('このデモを表示するには、Safari または Firefox 1.5 が必要です。');
}
}