多人实时画板源码分享（Nodejs WebSocket）

入空

已于 2024-02-05 17:49:04 修改

阅读量558

点赞数 13

分类专栏：一个空的Js 文章标签： websocket 网络协议网络 node.js

于 2024-01-15 16:52:57 首次发布

本文链接：https://blog.youkuaiyun.com/qq_54179640/article/details/135605339

版权

暂时没有橡皮擦功能，可以扩展，仅作为一个模板

效果图

cavs.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>多人画板</title>
</head>

<body>
  <div class="container">
    <p>
      问：为什么没有之前的记录，答：之前傻到用mysql去存画板信息把e盘玩炸了就把储存删了
      现在取在线最长用户的画板去给
    </p>
  </div>

  <canvas style="border: none; " id="canvas" width="800" height="600" style="border: 1px solid #000;"></canvas>

  <div>
    <!-- <button onclick="clearMy()">清除1</button> -->
    <button onclick="clearAll()">清除所有</button>
    <label>画笔粗细：</label>
    <input type="range" min="1" max="20" value="5" onchange="setLineWidth(this.value)">
    <label>画笔颜色：</label>
    <input type="color" value="#000000" onchange="setLineColor(this.value)">
    <!-- <button