ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 チュートリアルの四角形の描画コード共有_html5 チュートリアルのスキル

HTML5 チュートリアルの四角形の描画コード共有_html5 チュートリアルのスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 15:48:251604ブラウズ


コードをコピー
コードは次のとおりです。


HTML5 描画四角形
">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/ jquery.min.js">>

<script><br />$(document).ready(function(){<br /> var c =document.getElementById("drawbox");<br />vardraw=c.getContext("2d"); //2D コンテンツへの参照を取得し、描画 API を呼び出します<br />draw.fillStyle="# ff0000"; // メソッド 1 は塗りつぶしの色を指​​定します <br />draw.fillRect(0,0,300,100); //座標と長さと幅<br />draw.fillStyle="rgba(0,0,255,0.5)"; //メソッド 2 rgb透明度<br />draw.fillRect(400,0,100,100) //座標と長さと幅<br />})<br /></script>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。