ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 チュートリアルでは、描画 API を呼び出して簡単な円を描画します。 コード共有_html5 チュートリアルのスキル

HTML5 チュートリアルでは、描画 API を呼び出して簡単な円を描画します。 コード共有_html5 チュートリアルのスキル

WBOY
リリース: 2016-05-16 15:48:38
オリジナル
1446 人が閲覧しました


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


HTML5 は円を描画します

<script><br>$(document).ready(function(){<br>var c=document.getElementById("drawbox");<br>vardraw=c.getContext("2d"); //2D コンテンツへの参照を取得し、描画 API を呼び出します</p> <p>draw.fillStyle="red"; //Color<br>draw.beginPath(); //再度描画<br>draw.arc(50,50,50,0,Math.PI*2,true) ); //中心 x 座標|中心 y 座標|直径|開始|PI は pi、Math.PI*2 は円を描くこと|true は時計回り: 反時計回り、0 は時計回り、<br>draw.closePath() ; //終了<br>draw.fill();<br>})<br></script>






レンダリング

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート