In diesem Artikel wird hauptsächlich die Methode zum Zeichnen von Bildern auf Leinwand mit js+html5 vorgestellt, einschließlich verwandter Techniken zur Bedienung von HTML5-Elementen.
Dieser Artikel beschreibt das Beispiel zum Zeichnen von Bildern auf Leinwand mit js+html5-Methode. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=new Image();
img.onload = function(){
ctx.drawImage(img,0,0);
};
img.src="img_flwr.png";
</script>
</body>
</html>Das Obige ist der gesamte Inhalt dieses Artikels Jedermanns Studie. Weitere verwandte Inhalte Bitte beachten Sie die chinesische PHP-Website!
Verwandte Empfehlungen:
Verwenden Sie SurfaceView, um Regen- und Schneeanimationseffekte zu erzielen
Informationen zur HTML5 Canvas-Ereignisverarbeitung
Das obige ist der detaillierte Inhalt vonSo zeichnen Sie Bilder mit HTML5 und JS auf Leinwand. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
