ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 は、drawImage() メソッドを使用して画像を描画します_html5 チュートリアルのヒント

HTML5 は、drawImage() メソッドを使用して画像を描画します_html5 チュートリアルのヒント

WBOY
WBOYオリジナル
2016-05-16 15:47:341992ブラウズ

1. 画像を描画します

drawImage() メソッドを使用して画像を描画します。描画環境には、このメソッドの 3 つの異なるバージョンが用意されています。
drawImage(image,x,y): キャンバス内の (x,y) に画像を描画します。
drawImage(image,x,y,width,height): キャンバス内の (x,y) に画像を描画し、指定された幅と高さに拡大縮小します。
drawImage (image,source そして、キャンバスの (x,y) に描画します。

2. タグ

画像を描画する前に、画像をブラウザに読み込む必要があります。ここでは、canvas タグの後に タグを追加します。



3. 絵を描く

コードをコピーしますコードは次のとおりです:

>
HTML5



ヒント: お使いのブラウザは タグ

>


4. 描画エフェクト


5.
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。