canvas实现画板工具

最新推荐文章于 2024-09-26 19:50:48 发布

lfwer

最新推荐文章于 2024-09-26 19:50:48 发布

阅读量2.8k

点赞数 1

分类专栏： htm5

本文链接：https://blog.csdn.net/lfwer/article/details/83991836

版权

花费大量时间（两周！！！！）制作了一款web端画图工具，可自由涂鸦、裁剪并移动裁剪区域位置、输入文字，包括橡皮擦、箭头工具、动作撤销/重做、保存，并通过websocket实现了画板内容同步，代码已分享，希望大家指正，同进步。
在这里插入图片描述

同步效果
在这里插入图片描述

前端代码见附件huaban_v3.rar，后端websocket关键代码如下:

package com.lfwer.pinche.web;

import java.util.Collections;
import java.util.HashSet;
import java.util.Set;
import javax.websocket.CloseReason;
import javax.websocket.EndpointConfig;
import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;