`
haoningabc
  • 浏览: 1476874 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

画图板用c++实现和用js实现的websocket版本

cjs 
阅读更多
画图板
opencv的c++
#include <opencv2/opencv.hpp>  
using namespace std;
#pragma comment(linker, "/subsystem:\"windows\" /entry:\"mainCRTStartup\"")  
const char *pstrWindowsMouseDrawTitle = "鼠标绘图(http://blog.csdn.net/MoreWindows)";
// 鼠标消息的回调函数  
void on_mouse(int event, int x, int y, int flags, void* param)
{
	static bool s_bMouseLButtonDown = false;
	static CvPoint s_cvPrePoint = cvPoint(0, 0);

	switch (event)
	{
	case CV_EVENT_LBUTTONDOWN:
		s_bMouseLButtonDown = true;
		s_cvPrePoint = cvPoint(x, y);
		break;

	case  CV_EVENT_LBUTTONUP:
		s_bMouseLButtonDown = false;
		break;

	case CV_EVENT_MOUSEMOVE:
		if (s_bMouseLButtonDown)
		{
			CvPoint cvCurrPoint = cvPoint(x, y);
			cvLine((IplImage*)param, s_cvPrePoint, cvCurrPoint, CV_RGB(0, 0, 20), 3);
			s_cvPrePoint = cvCurrPoint;
			cvShowImage(pstrWindowsMouseDrawTitle, (IplImage*)param);
		}
		break;
	}
}
int main()
{
	const int MAX_WIDTH = 500, MAX_HEIGHT = 400;
	const char *pstrSaveImageName = "MouseDraw.jpg";

	IplImage *pSrcImage = cvCreateImage(cvSize(MAX_WIDTH, MAX_HEIGHT), IPL_DEPTH_8U, 3);
	cvSet(pSrcImage, CV_RGB(255, 255, 255)); //可以用cvSet()将图像填充成白色  
	cvNamedWindow(pstrWindowsMouseDrawTitle, CV_WINDOW_AUTOSIZE);
	cvShowImage(pstrWindowsMouseDrawTitle, pSrcImage);

	cvSetMouseCallback(pstrWindowsMouseDrawTitle, on_mouse, (void*)pSrcImage);

	int c;
	do{
		c = cvWaitKey(0);
		switch ((char)c)
		{
		case 'r':
			cvSet(pSrcImage, CV_RGB(000, 000, 255));
			cvShowImage(pstrWindowsMouseDrawTitle, pSrcImage);
			break;

		case 's':
			cvSaveImage(pstrSaveImageName, pSrcImage);
			break;
		}
	} while (c > 0 && c != 27);

	cvDestroyWindow(pstrWindowsMouseDrawTitle);
	cvReleaseImage(&pSrcImage);
	return 0;
}

参考
http://blog.csdn.net/morewindows/article/details/8426283

html版本,+tomcat7的websocket
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jiben</title>
</head>
<script type="text/javascript"> 
//--------------line----begin-------
	var w=1; 
	var h=1; 
	var col="blue"; 
	function catchMouse(){ 
	    var x=event.clientX-50; 
	    var y=event.clientY-52; 
	    makedot(x,y); 
	    if (ws != null) {
	    	ws.send(x+","+y);
		}
	} 
	function makedot(x,y){ 
	    var sp=document.getElementById("sspp"); 
	    sp.insertAdjacentHTML("BeforeEnd","<hr style='position:absolute;left:"+x+"px;top:"+y+"px;width:"+w+"px;height:"+h+"px;color:"+col+";'>"); 
	} 
	function myMouseDown(){
		document.onmousemove=catchMouse
	}
	function myMouseUp(){
		document.onmousemove=null;
	}
//--------------line----end---------
</script>
<script type="text/javascript">
	var ws = null;
	function log(text) {
		document.getElementById("log").innerHTML = text + "<br>"+ document.getElementById("log").innerHTML;
	}
	function startServer() {
		var url = document.getElementById("serverip").value;
		if ('WebSocket' in window) {
			ws = new WebSocket(url);
		} else if ('MozWebSocket' in window) {
			ws = new MozWebSocket(url);
		} else {
			log('浏览器不支持');
			return;
		}
		ws.onopen = function() {
			//log('Opened!');
		};
		ws.onmessage = function(event) {
			//log(event.data);
			var x_value =event.data.split(",")[0];
			var y_value = event.data.split(",")[1];
			makedot(x_value,y_value); 
		};
		ws.onclose = function() {
			//log('Closed!');
		}
	}
	function sendMessage() {
		var textMessage = document.getElementById("textMessage").value;
		if (ws != null && textMessage != "") {
			ws.send(textMessage);
		}
	}
	function stopconn() {
		ws.close();
	}
</script>
	
 
<body onload="startServer()">

<input id="serverip" type="text" size="20" style="display:none"
		value="ws://182.254.155.000:8080/webs/websocket/line" />
<div id="log" style="display:none"></div>
<span id="sspp" onMouseDown="myMouseDown()" onMouseUp="myMouseUp()" style="position:absolute;top:50px;left:50px;width:1000px;height:1000px;background-color:#eeeeee "> 
</span>
</body>
</html>



LineWebSocketServlet.java
package com.hao;

import java.io.IOException;
import java.nio.ByteBuffer;
import java.nio.CharBuffer;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.apache.catalina.websocket.MessageInbound;
import org.apache.catalina.websocket.StreamInbound;
import org.apache.catalina.websocket.WebSocketServlet;
import org.apache.catalina.websocket.WsOutbound;

public class LineWebSocketServlet extends WebSocketServlet {
	private static Map<String,MyMessageInbound> mmiList  = new HashMap<String,MyMessageInbound>();

	protected StreamInbound createWebSocketInbound(String subProtocol,
			HttpServletRequest arg1) {
		return new MyMessageInbound();
	}

	private class MyMessageInbound extends MessageInbound {
		WsOutbound myoutbound;
		String mykey;
		@Override
		public void onOpen(WsOutbound outbound) {
			try {
				System.out.println("Open Client.");
				this.myoutbound = outbound;
				mykey ="open "+System.currentTimeMillis();;
				mmiList.put(mykey, this);
				System.out.println("mmiList size:"+mmiList.size());
				outbound.writeTextMessage(CharBuffer.wrap(mykey));
			} catch (IOException e) {
				e.printStackTrace();
			}
		}

		@Override
		public void onClose(int status) {
			System.out.println("Close Client.");
			mmiList.remove(mykey);
		}

		@Override
		protected void onBinaryMessage(ByteBuffer arg0) throws IOException {

		}

		@Override
		protected void onTextMessage(CharBuffer message) throws IOException {
			System.out.println("LineWebSocketServlet.onTextMessage--->" + message.toString());
			for (Map.Entry<String, MyMessageInbound> entry : mmiList.entrySet()) {
				  MyMessageInbound mmib = (MyMessageInbound) entry.getValue();
	              CharBuffer buffer = CharBuffer.wrap(message);
	              mmib.myoutbound.writeTextMessage(buffer);
	              mmib.myoutbound.flush();
			}
			
		}
	}
}


web.xml
  <servlet>
      <servlet-name>wsLine</servlet-name>
      <servlet-class>com.hao.LineWebSocketServlet</servlet-class>
    </servlet>
    <servlet-mapping>
      <servlet-name>wsLine</servlet-name>
      <url-pattern>/websocket/line</url-pattern>
    </servlet-mapping>
   
分享到:
评论

相关推荐

    c c++实现websocket服务器 c c++实现websocket客户端

    这个代码例子使用了c c++实现了websocket 开发 包含了websocket服务器和websocket客户端,拥有详细的解释 这个库比libwebsocket更加简单方便,比libsocket更加高效便捷.

    C++ 实现WebSocket 服务器

    通过C++和libuv库,我们可以构建一个高效且灵活的WebSocket服务器。gbase的使用可能涉及到数据库操作,为服务器提供数据存储能力。实现过程中,需要深入理解WebSocket协议,以及如何有效地利用libuv的事件驱动模型。...

    websocket 客户端 服务器 c c++实现

    本项目是用C/C++语言实现的WebSocket模块,其主要优势在于比libwebsockets更加易用和方便。libwebsockets是一个开源库,虽然功能强大,但对于初学者或对库使用不熟悉的开发者来说,可能存在一定的学习曲线。这个实现...

    websocket c++ 实现版本

    你提到的"websocket c++ 实现版本"可能是一个自编写的WebSocket库,旨在为C++开发者提供与JavaScript交互的WebSocket长连接功能。JavaScript在Web前端有着天然的优势,通过WebSocket接口,可以在浏览器环境中与后端...

    websocket c++客户端实现

    简单的c++实现websocket通信,客户端代码实现,简单高效

    c、c++实现websocket服务器及客户端

    这个代码例子使用了c c++实现了websocket 开发 包含了websocket服务器和websocket客户端,拥有详细的解释 这个库比libwebsocket更加简单方便,比libsocket更加高效便捷.

    基于C++ SOCKET编程的WebSocket服务器(linux)

    在本项目中,我们将探讨如何在Linux环境下,利用C++的SOCKET编程技术来实现一个WebSocket服务器,而不依赖任何开源库。 首先,我们需要理解C++中的SOCKET编程基础。在C++中,SOCKET是网络编程的基本接口,它提供了...

    C++版本websocket客户端源码

    在本案例中,我们讨论的是一个C++实现的WebSocket客户端,其核心是利用了MFC(Microsoft Foundation Classes)库和boost库以及websocketpp库。 MFC是微软提供的一个C++类库,它封装了Windows API,为开发者提供了...

    使用thrift、websocket在javascript和cpp之间建立rpc调用

    使用thrift、websocket在javascript和c++之间建立rpc调用机制。 如果要使用js+html来写界面,cpp来写底层业务逻辑,这就非常有用了。 当然,如果底层不用cpp来写,也可以参考本代码的js对thrift的rpc包装。

    c++使用websocket代码Demo.可直接编译

    在本文中,我们将深入探讨如何使用C++编程语言与WebSocket协议进行交互,特别是在结合Boost库、jsoncpp库和websocketpp库的情况下。这个压缩包提供的代码示例是一个完整的C++ WebSocket客户端或服务器应用,可以直接...

    c++ websocket服务器和html客户端

    2. **WebSocket客户端**:客户端部分是用HTML实现的,可能还涉及JavaScript和WebSockets API。HTML(超文本标记语言)主要用于创建网页结构,而JavaScript则提供了与服务器交互的能力,包括初始化WebSocket连接、...

    业务逻辑实现 QT WebSocket + QWebChannel 实现 C/C++ 与 javascript通信

    业务逻辑实现 QT WebSocket + QWebChannel 实现 C/C++ 与 javascript通信 界面使用前端electron + vue + vite + layui + qwebchannel.js 实现 qt子进程自动启动,websocket Client自动重连,C++与js/ts的双向异步...

    C++ 实现WebSocket 服务器 可运行.zip

    本资源提供了一个用C++实现的WebSocket服务器,可以直接运行,这对于学习和理解WebSocket协议的工作原理以及C++网络编程是非常有价值的。VS工程中的.sln文件是Visual Studio解决方案文件,用于管理项目和依赖关系,...

    websocket测试程序 C++实现

    总之,这个项目展示了如何使用C++和MFC来实现一个WebSocket服务器,通过这样的实践,开发者可以深入理解网络通信和GUI编程,提升自己的技能。在实际应用中,还可以根据需要添加更多的功能,如身份验证、权限控制等,...

    C语言实现的websocket

    WebSocket是一种在...综上所述,C语言实现WebSocket涉及TCP套接字编程、WebSocket协议理解和实现、以及可能的HTML辅助调试。这个过程需要深入理解网络协议和C语言编程,同时也提供了学习和实践网络编程的良好机会。

    websocket通信,python,c++实现

    总的来说,WebSocket为实时通信提供了一种高效、低延迟的解决方案,Python和C++都有强大的库支持实现WebSocket服务器和客户端。理解其工作原理和使用这些库可以帮助开发者构建出高性能的实时应用。

    基于C++ SOCKET编程的WebSocket服务器(window)

    本项目是基于C++的SOCKET编程实现的WebSocket服务器,特别适合于Windows平台上的开发和学习。 在C++中,SOCKET编程是通过Windows Socket API(Winsock)来实现的,这是一个低级别的网络编程接口。在创建WebSocket...

    Websocket的C++服务端和JS客户端通信DemoV2

    1 开发环境 - Visual Studio 2015 - Javascript - Windows 10 Pro x64 2 功能介绍 演示Websocket的C++服务端和JS客户端通信。 3. 接口文档

Global site tag (gtag.js) - Google Analytics