Advertisement

实验4 应用CANVAS API进行绘图

阅读量:

实验四 基于CANVAS API的绘图实践
一、实验目标
1、通过实践感受HTML语言的编程过程;
2、熟练运用Canvas进行图形绘制。
二、实验任务

  1. 完成基于鼠标操作的绘图功能,实现如下所示的效果,用户可对画笔的颜色与粗细进行选择(仅需预先设定几种基础选项即可),其中,“工具”与“形状”两个功能模块无需强制完成:
在这里插入图片描述
复制代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background: gainsboro;
        }
        #cav{
            background: white;
            position: re

全部评论 (0)

还没有任何评论哟~