首页 网络技术
  1. 正文

HTML怎么在画布上绘制路径和形状

代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Drawing on Canvas</title>

<script>

    window.onload = function() {

        var canvas = document.getElementById("myCanvas");

        var context = canvas.getContext("2d");

        // draw stuff here

    };

</script>

</head>

<body>

    <canvas id="myCanvas" width="300" height="200"></canvas>

</body>

</html>

除了从7到11的所有行外,其他所有行都非常简单。window.onload页面加载后,将执行事件附带的匿名函数。页面加载后,我们可以使用document.getElementById()方法访问canvas元素。稍后,我们通过将2d传递到getContext()canvas对象的方法中来定义2D canvas上下文。

本文标题:HTML怎么在画布上绘制路径和形状
本文链接:https://www.qqooo.cn/post/6793.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!