要通过WebSocket实现手机扫描PC端二维码并同步图片，你可以按照以下步骤进行操作：

在PC端（Java）：

在Java中，你需要使用WebSocket服务器来处理客户端的连接和消息传递。你可以使用Java WebSocket API（例如Java EE的WebSocket API）或第三方库（如Jetty或Netty）来实现WebSocket服务器。

创建WebSocket服务器，并监听指定的端口。当移动端连接时，服务器将建立与移动端的WebSocket连接。

在WebSocket服务器中，编写逻辑以接收移动端发送的消息。当移动端扫描二维码后，会将数据通过WebSocket发送到服务器。

当接收到移动端发送的图片数据后，服务器可以将图片保存在指定位置，或将其转发给PC端进行进一步处理。

在移动端（JavaScript）：

在移动端，你需要使用WebSocket客户端来连接到PC端的WebSocket服务器。你可以使用JavaScript中的WebSocket对象来创建客户端连接。

创建WebSocket客户端，并指定PC端的WebSocket服务器地址和端口进行连接。

当移动端通过扫描二维码获得图片数据后，使用JavaScript中的Canvas API来绘制手写签名。将绘制的图片转换为Base64编码的字符串。

将Base64编码的图片数据通过WebSocket发送给PC端的WebSocket服务器。

在PC端（Java）：

在PC端的WebSocket服务器中，当接收到移动端发送的图片数据时，你可以处理该数据，例如保存为图片文件或进行其他操作。

如果你想在PC端及时更新图片，你可以在服务器端保存接收到的图片，并在需要的时候向连接的PC端客户端广播该图片。通过遍历连接的客户端，将图片数据发送给每个PC端客户端。

PC端的WebSocket客户端收到服务器发送的图片数据后，你可以在PC端进行相应的处理，例如展示在界面上。

通过以上步骤，你可以使用WebSocket实现手机扫描PC端二维码并同步图片的功能。请注意，这只是一个基本的框架，具体的实现细节和代码可能因你使用的WebSocket库和框架而有所不同。你可以根据自己的需求和所选的技术进行调整和扩展。

要实现这个功能，您需要以下步骤：

1. 创建WebSocket服务器和客户端。您可以使用Java的WebSocket库来创建WebSocket服务器，使用JavaScript的WebSocket API来创建WebSocket客户端。

2. 在PC端生成二维码，并将其发送到WebSocket服务器。您可以使用qrcode.js库生成二维码。

3. 在移动端使用canvas来绘制签名，并将签名图像转换为Base64编码的字符串。

4. 将签名图像和其他数据发送到WebSocket服务器。

5. WebSocket服务器接收到签名数据后将其转发给PC端，PC端使用JavaScript的Canvas API来将Base64编码的签名图像绘制到画布上。

下面是一个实现此功能的大致流程：

在Java中创建WebSocket服务器：

import java.net.InetSocketAddress;
import org.java_websocket.WebSocket;
import org.java_websocket.handshake.ClientHandshake;
import org.java_websocket.server.WebSocketServer;

public class MyWebSocketServer extends WebSocketServer {

    public MyWebSocketServer(int port) {
        super(new InetSocketAddress(port));
    }

    @Override
    public void onOpen(WebSocket conn, ClientHandshake handshake) {
        // 新客户端连接
    }

    @Override
    public void onClose(WebSocket conn, int code, String reason, boolean remote) {
        // 客户端断开连接
    }

    @Override
    public void onMessage(WebSocket conn, String message) {
        // 接收移动端签名数据并转发到PC端
    }

    @Override
    public void onError(WebSocket conn, Exception ex) {
        // 发生错误
    }
}

在JavaScript中创建WebSocket客户端：

const socket = new WebSocket('ws://localhost:8080');

socket.addEventListener('open', (event) => {
  // 连接成功
});

socket.addEventListener('message', (event) => {
  const message = JSON.parse(event.data);

  if (message.type === 'qr') {
    // 在移动端显示二维码
  } else if (message.type === 'canvas') {
    // 将签名图像绘制到画布上
  }
});

socket.addEventListener('close', (event) => {
  // 连接关闭
});

socket.addEventListener('error', (event) => {
  // 发生错误
});

生成二维码并发送到WebSocket服务器：

const qr = new QRCode('qrcode', {
  text: 'http://www.example.com',  // PC端访问链接
  width: 256,
  height: 256,
});

const image = qr.getImageData();

const message = {
  type: 'qr',
  data: {
    width: image.width,
    height: image.height,
    data: image.data.buffer,
  },
};

socket.send(JSON.stringify(message));

在移动端将签名图像转换为Base64编码的字符串并发送到WebSocket服务器：

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

// 绘制签名

const dataURL = canvas.toDataURL();

const message = {
  type: 'canvas',
  data: {
    image: dataURL,
  },
};

socket.send(JSON.stringify(message));

在PC端将Base64编码的签名图像绘制到画布上：

const img = new Image();
img.onload = () => {
  const canvas = document.getElementById('canvas');
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);
}

img.src = 'data:image/png;base64,' + imageData;