相关疑难解决方法(0)

使用鼠标在HTML5 Canvas上绘图

我想使用鼠标在HTML Canvas上绘图(例如:绘制签名,绘制名称,......)

请帮帮我怎么办?请提供一些源代码.谢谢

html5 canvas gesture-recognition gestures

93
推荐指数
9
解决办法
20万
查看次数

如何使用JavaScript在画布上绘图?

如何在画布元素上自由绘制(使用我的鼠标/手指),就像你可以用铅笔画画一样?

关于这个问题

有很多问题需要在画布上实现免费手绘:

所以我认为提出一个参考问题是一个好主意,每个答案都是社区维基,并且包含对一个JavaScript库/纯JavaScript如何在画布上绘画的解释.

答案的结构

答案应该是社区维基并使用以下模板:

## [Name of library](Link to project page)
### Simple example
    A basic, complete example. That means it has to contain HTML 
    and JavaScript. You can start with this:

    <!DOCTYPE html>
    <html>
      <head>
        <title>Simple example</title>
        <script type='text/javascript' src='http://cdnjs.com/[your library]'></script>
        <style type='text/css'>
            #sheet {
                border:1px solid black;
            }
        </style>
        <script type='text/javascript'>
            window.onload=function(){
                // TODO: Adjust
            }
        </script>
      </head>
      <body>
        <canvas id="sheet" width="400" height="400"></canvas>
      </body>
    </html> …
Run Code Online (Sandbox Code Playgroud)

javascript canvas

20
推荐指数
2
解决办法
2万
查看次数