2019独角兽企业重金招聘Python工程师标准>>> 
效果图
该查询文字接口免费，可自定义查询结果。
js
QQShuru = {};
QQShuru.Util = {};
QQShuru.Util.Browser = {};
QQShuru.Util.Browser.isIE = (navigator.appName == "Microsoft Internet Explorer");
QQShuru.Util.Ajax = {};
QQShuru.Util.Ajax.get = function(a, c) {
var b = document.createElement("script");
b.setAttribute("charset", "utf-8");
b.id = Math.random();
document.getElementsByTagName("head")[0].appendChild(b);
b.src = a + "&c=" + c;
if (QQShuru.Util.Browser.isIE) {
b.onreadystatechange = function() {
if (b.readyState == "loaded") {
document.getElementsByTagName("head")[0].removeChild(b)
}
}
} else {
b.onload = function() {
document.getElementsByTagName("head")[0].removeChild(b)
}
}
};
QQShuru.Util.Event = {};
QQShuru.Util.Event.addEvent = function() {
if (QQShuru.Util.Browser.isIE) {
return function(b, c, a) {
b.attachEvent("on" + c, a)
}
} else {
return function(b, c, a, d) {
b.addEventListener(c, a, d || false)
}
}
} ();
QQShuru.Util.Event.remEvent = function() {
if (QQShuru.Util.Browser.isIE) {
return function(b, c, a) {
b.detachEvent("on" + c, a)
}
} else {
return function(b, c, a, d) {
b.removeEventListener(c, a, d || false)
}
}
} ();
QQShuru.Util.Event.getPoint = function(a) {
if (QQShuru.Util.Browser.isIE) {
return [a.x, a.y]
} else {
return [a.layerX, a.layerY]
}
};
/*
初始化函数
* params:obj
* obj={
* canvasId:canvas的id --required
* lineColor: 默认#606060 ,
* lineWidth: 默认10
* backBtnId: 退一步按钮id
* clearBtnId:清空canvas按钮id
* callback:func 每次请求后回调
* }
*
*
*/
QQShuru.HWPanel = function(obj) {
var o = QQShuru.Util.Browser.isIE;
var m = QQShuru.Util.Event.addEvent;
var j = QQShuru.Util.Event.remEvent;
var B = QQShuru.Util.Event.getPoint;
var h = document;
var H = document.body;
var z = document.documentElement;
var f = [];
var K = [];
var O = [];
var i = document.querySelector(obj.canvasId);
var v = o ? 1 : 0;
var a = 2;
var N = i.clientHeight;//canvas宽度
var R = i.clientHeight;//canvas高度
var c = obj.lineColor?obj.lineColor:"#606060"; //线条颜色
var y = obj.lineWidth?obj.lineWidth:10;//线条宽度
var t = "round";
var J = !!i.getContext;
if (J) {
var Q = i.getContext("2d");
Q.lineCap = t;
Q.lineJoin = t;
Q.lineWidth = y;
Q.strokeStyle = c
}
var L = false;
var P = false;
var u = 0;
var T = [];
var r = 0;
var e = [],
d = [],
I = [];
var D = [],
C = [];
pointsDeltaXY = [];
var k = [0, 0];
//鼠标按下事件
var l = function(W) {
if (v !== W.button) {
return
}
var Y = B(W);
if (!Y) {
return
}
L = true;
r = 0;
e = [];
d = [];
I = [];
D = [];
C = [];
pointsDeltaXY = [];
e[r] = Y[0];
d[r] = Y[1];
I[r * 2] = Y[0];
I[r * 2 + 1] = Y[1];
D[r] = Y[0];
C[r] = Y[1];
pointsDeltaXY[r * 2] = Y[0];
pointsDeltaXY[r * 2 + 1] = Y[1];
if (J) {
Q.beginPath();
Q.moveTo(Y[0], Y[1])
}
k[0] = Y[0];
k[1] = Y[1];
r++;
if (o) {
m(i, "losecapture", n);
i.setCapture()
} else {
m(window, "blur", n)
}
};
//鼠标移动事件
var A = function(W) {
if (!L) {
return
}
var Y = B(W);//坐标
if (!Y) {
return
}
e[r] = Y[0];
d[r] = Y[1];
I[r * 2] = Y[0];
I[r * 2 + 1] = Y[1];
D[r] = Y[0] - k[0];
C[r] = Y[1] - k[1];
pointsDeltaXY[r * 2] = D[r];
pointsDeltaXY[r * 2 + 1] = C[r];
if (J) {
Q.lineTo(Y[0], Y[1]);
Q.stroke()
} else {
var X = T[u].e.path;
X.value = X.value.replace(" e", "," + Y[0] + "," + Y[1] + " e")
}
k[0] = Y[0];
k[1] = Y[1];
r++
};
//鼠标松开事件
var n = function(W) {
if (!L) {
return
}
L = false;
if (1 === r) {
if (!J) {
T[u].e.style.visibility = "hidden"
}
return
}
if (J) {
Q.closePath();
var Z = i.cloneNode(false);
Z.style.display = "none";
Z.getContext("2d").drawImage(i, 0, 0);
T[u] = {
e: Z
};
Z = null
}
var aa = T[u];
aa.count = r;
aa.x = e.slice(0);
aa.y = d.slice(0);
aa.xy = I.slice(0);
aa.deltaX = D.slice(0);
aa.deltaY = C.slice(0);
aa.deltaXY = pointsDeltaXY.slice(0);
u++;
var X = [];
for (var Y = 0; Y < r; Y++) {
X[Y] = "[" + e[Y] + ", " + d[Y] + "]"
}
if (o) {
j(i, "losecapture", n);
i.releaseCapture()
} else {
j(window, "blur", n)
}
if (1 === u) {
i.className = "writting"
}
s(u);
};
//清空所有
var V = function(W) {
if (0 === u) {
return
}
var ab = "";
if (J) {
Q.clearRect(0, 0, N, R)
}
for (var Z = 0; Z < u; Z++) {
T[Z].e.style.visibility = "hidden"
}
u = 0;
i.className = ""
};
//退一笔
var g = function(W) {
if (0 === u) {
return
}
if (1 === u) {
V();
return
}
u--;
if (J) {
Q.clearRect(0, 0, N, R);
Q.drawImage(T[u - 1].e, 0, 0)
}
T[u].e.style.visibility = "hidden";
s(u)
};
var p = function(W, ab) {
var aa = ab || W.length;
var Z = "";
var ad = "";
for (var X = 0; X < aa; ++X) {
var ac = W[X];
ad = X ? ",eb,": "";
var Y = ad + ac.deltaXY.join(",");
Z += Y
}
return Z
};
this.ajax_callback = function(X) {
obj.callback&&obj.callback(X)
};
QQShuru.HWPanel.ajax_callback = this.ajax_callback;
var s = function(Y) {
var Z = p(T, Y);
var ab = "QQShuru.HWPanel.ajax_callback";
var W = "http://handwriting.shuru.qq.com/cloud/cgi-bin/cloud_hw_pub.wsgi";
var aa = "track_str=" + Z + "&cmd=0";
var X = W + "?" + aa;
QQShuru.Util.Ajax.get(X, ab)
};
m(i, "mousedown", l);
m(i, "mousemove", A);
m(i, "mouseup", n);
m(i, "dblclick", V);
m(i, "contextmenu",
function(W) {
o ? (W.returnValue = false) : W.preventDefault()
});
m(h, "mouseup", n);
if(obj.backBtnId){
m(document.querySelector(obj.backBtnId), "click", g);
}
if(obj.clearBtnId){
m(document.querySelector(obj.clearBtnId), "click", V);
}
this.clear=V;//暴露清空canvas的方法到外部
this.back=g;//暴露退一步的方法到外部
};html
web在线手写输入法
接口结果