html 在html中使用html画布

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 在html中使用html画布相关的知识，希望对你有一定的参考价值。

<!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>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
ctx.fillStyle = "#cc33ff"
ctx.fillRect(0,0,5,5)
ctx.fillRect(5,5,5,5)
ctx.fillRect(10,10,5,5)
</script>

</body>
</html>

以上是关于html 在html中使用html画布的主要内容，如果未能解决你的问题，请参考以下文章

为啥在 html5 中使用画布制作动画？

HTML5怎样创建画布？

使用 React Native 的 HTML5 画布

在 HTML5 画布中剪切多个图像

如何在 html 5 画布中删除区域的剪辑

使用javascript在html画布中添加图像不起作用