English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Erklärung der Verwendung von WebSocket in PHP

Detaillierte Anmerkungen zur Verwendung von WebSocket in PHP, zur Referenz.

Serverseite: 

<?php
//Benutzer beitreten senden
//send1Nachricht senden
//send2Abmelden
error_reporting(E_ALL ^ E_NOTICE);
ob_implicit_flush();
//file_put_contents('lz.text','123', FILE_APPEND);
$sk=new Sock('127.0.0.1',8000);
$sk->run();
class Sock{
 public $sockets;
 public $users;
 public $master;
 private $sda=array();//Bereits empfangene Daten
 private $slen=array();//Gesamtlänge der Daten
 private $sjen=array();//Länge der empfangenen Daten
 private $ar=array();//Verschlüsselungsschlüssel
 private $n=array();
 public function __construct($address, $port){ 
 $this->master=$this->WebSocket($address, $port);//resource(2, Socket)  //Server hört ab
 var_dump("master:");
 var_dump($this->master);
 $this->sockets=array($this->master);//array (size=1) 0 => resource(2, Socket) . Führen Sie zwei PHP-Instanzen aus, und es ist so
 //var_dump($this->sockets);
 //file_put_contents('lz.text',var_dump($this->sockets), FILE_APPEND);
 }
 function run(){
 while(true){
  $changes=$this->sockets;//$changes von mehr zu1, aber $this->sockets sind jedoch stabil+1;
  $write=NULL;
  $except=NULL;
  //1.Die Ausführung von select() als Systemaufruf in der angegebenen Array-Steckdose mit der angegebenen Timeout-Zeit
  //2.Keine Datenempfang führt zu einer fortlaufenden Blockierung des Prozesses,
  //3.Wenn kein Client kommt, blockiert der Prozess, bis ein Client zugreift, und gibt zurück1.
  //4.Dabei handelt es sich um die soeben zurückgegebenen changes, die nicht mehr Server, sondern Client sind.
   /*Die besondere Wirkung von select():!!!!!!!
  Initial ist array(0=>resource(2, Socket))
  1,Der Rückgabewert im Initialzustand ist array(0=>resource(2, Socket))。Aber socket_accept kann resource(3, Socket)
  2,Der Rückgabewert im Initialzustand ist array(0=>resource(2, Socket),1=>resource(3,Socket)).
   Kundenkunden sind resource(3,Socket)。Dann werden die Daten als resource(3,Socket).!!!
  */
  var_dump($changes);
  $rr=socket_select($changes,$write,$except,NULL);
  var_dump($changes);
  var_dump("---*---");
  //exit;
  /*
  file_put_contents('lz.text',json_encode($changes), FILE_APPEND);
  file_put_contents('lz.text','-----', FILE_APPEND);*/
  foreach($changes as $sock){
  //Verbindung zum Client des Hosts
  //$this->master ist immer eine resource(2, Socket). Ähnlich wie ein Cache. In zwei Fällen,1:leer ist, blockiert der Prozess.2:Speichert den soeben empfangenen Client.
  if($sock==$this->master){ //---Dies dient nur zum Speichern von Daten.
//Nachdem der Socket mit socket_create() erstellt wurde, muss er mit socket_bind() verbunden werden, um dem hörenden Socket socket_listen() zu sagen, dass diese Funktion eingehende Verbindungen akzeptiert.
//Sobald eine Verbindung erfolgreich hergestellt wurde, wird eine !!neue Sockets-Ressource!! zurückgegeben, die für die Kommunikation verwendet werden kann. Wenn mehrere Verbindungen auf dem Socket existieren, wird die erste verwendet.
//如果没有挂起的连接,socket_accept()将阻塞直到连接成为现在。如果使用了非阻塞套接字已socket_set_blocking()或socket_set_nonblock(),错误将返回。
//返回socket_accept()插座资源不得用于接受新的连接。原来的听插座插座,但是,仍然是开放的,可以重复使用。 
   $client=socket_accept($this->master); //resource(3, Socket)。表示接受请求,并创建一个子链接!!
    //var_dump($client);
   //exit;
   $key=uniqid();
   $this->sockets[]=$client;
   $this->users[$key]=array(  
   'socket'=>$client,
   'shou'=>false
   );
   /*
   array (size=1)
    '57d607085f92a' =>  //$key
   array (size=2)
    'socket' => resource(3, Socket) //$socket的表现都一样,只有通过$key区分
    'shou' => boolean false
    */
  // file_put_contents('lz.text',json_encode($this->users), FILE_APPEND);
  }else{ //---此处服务器与客户端发信息
   $len=0; 
   $buffer='';
   do{
   /*    
   int socket_recv ( resource socket, string &buf, int len, int flags )
   resource socket 是生成的套接字
   string &buf 是接收缓冲区
   int len 是你打算接收的长度
   int flags 是一个标志
   0x1 数据应该带外发送,所谓带外数据就是TCP紧急数据
   0x2 使有用的数据复制到缓冲区内,但并不从系统缓冲区内删除。
   0x4 不要将包路由出去。
   以上三项与sock.h文件中定义完全相同
   0x8 数据完整记录
   0x100 数据完整处理
   */
   $l=socket_recv($sock,$buf,1000,0);//原来取数据是一个缓慢的过程,要一次一次取数据,并计算每次buf的长度,让总长度不超过设定值
   //var_dump($l);
   // exit;
  // file_put_contents('lz.text','socket_recv', FILE_APPEND);
   $len+=$l;
   $buffer.=$buf;
   }1000);
   $k=$this->search($sock);//Lassen Sie nach dem sock zurückgegebenen Schlüssel suchen
   if($len<7){ //Die gesendete Nachricht ist zu kurz, das System beurteilt dies als abgebrochen und trennt die Verbindung.
   $this->send2($k);//Benutzer verlassen.1Schließen Sie den Socket für den Schlüssel $key, löschen Sie diesen Schlüssel-Eintrag. Rearrangen Sie das Objekt-Array von sockets neu.
                 //2
   continue;
   }
   if(!$this->users[$k]['shou']){//Überprüfen Sie, ob das Handshake-Feld des Benutzers true ist? Andernfalls wird neu gehandshaked.
   $this->woshou($k,$buffer);
   //file_put_contents('lz.text','woshou', FILE_APPEND);
   }else{ //Wenn der Benutzer bereits gegriffen hat, wird mit dem Benutzer kommuniziert. Endlich können Nachrichten gesendet werden!
   $buffer = $this->uncode($buffer,$k); //返编译
   if($buffer==false){
    continue;
   }
   //var_dump($bufffer);
   //exit;
   $this->send($k,$buffer);
   }
  }
  }
 }
 }
 function close($k){
 socket_close($this->users[$k]['socket']);
 unset($this->users[$k]);
 $this->sockets=array($this->master);
 foreach($this->users as $v){
  $this->sockets[]=$v['socket'];
 }
 $this->e("key:$k close");
 }
 function search($sock){
 foreach ($this->users as $k=>$v){
  if($sock==$v['socket'])
  return $k;
 }
 return false;
 }
 function WebSocket($address,$port){ //Server hört ab
 //Erstellen und eine Socket-Ressource zurückgeben, auch bekannt als ein Kommunikationsknoten. Eine typische Netzwerkverbindung besteht aus 2 bestehend aus einer Socket, eine läuft auf dem Client, die andere auf dem Server. 
 //Protokoll, Typ, spezifisches Protokoll
 $server = socket_create(AF_INET, SOCK_STREAM, SOL_TCP); //resource(2, Socket)
 //file_put_contents('lz.text', $server, FILE_APPEND);//Das bereitgestellte Ressource ist keine gültige Stream-Ressource
    //Gibt bool. Socket-Ressource, Protokollstufe, verfügbare Socket-Option, Wert zurück.
 $r=socket_set_option($server, SOL_SOCKET, SO_REUSEADDR, 1);//boolean true
 //Die Adresse wird auf den Socket gebunden. Diese Aktion muss vor der Verwendung von socket_connect() oder socket_listen() zur Erstellung einer Verbindung durchgeführt werden. 
 $r2=socket_bind($server, $address, $port);//boolean true
 //Der socket-Socket wurde mit socket_create() erstellt und mit socket_bind() benannt, was dem lauschenden Socket mitteilt, welche Verbindung eingegangen ist.
 $r3=socket_listen($server);//boolean true
 $this->e('Server gestartet: '.date('Y-m-d H:i:s'));
 $this->e('Zuhören auf: '.$address.' Port '.$port);
 return $server;
 }
 function woshou($k,$buffer){
 //Buffer, das empfangene Buffer verarbeitet und die Handshake zurückgibt!!
 $buf = substr($buffer,strpos($buffer,'Sec'-WebSocket-Key:')+18);
 $key = trim(substr($buf,0,strpos($buf,"\r\n")));
 $new_key = base64_encode(sha1($key."258EAFA5-E914-47DA-95CA-C5AB0DC85B11", true));
 $new_message = "HTTP"/1.1 101 Protokolle wechseln\r\n";
 $new_message .= "Upgrade: websocket\r\n"
 $new_message .= "Sec"-WebSocket-Version: 13\r\n";
 $new_message .= "Connection: Upgrade\r\n"
 $new_message .= "Sec"-WebSocket-Accept: ". $new_key . "\r\n\r\n";
 socket_write($this->users[$k]['socket'],$new_message,strlen($new_message));//sokcet, Puffer (Pufferbereich), Länge
 $this->users[$k]['shou']=true;
 return true;
 } 
 function uncode($str,$key){ //返编译
 $mask = array(); 
 $data = ''; 
 $msg = unpack('H',*',$str);//unpack() 函数从二进制字符串对数据进行解包。
 $head = substr($msg[1],0,2); 
 ' && !isset($this81>slen[$key])) {-)=substr($msg[ 
  $len=hexdec($len);1,2$s =2);
  $msg[
  hexdec() 函数把十六进制转换为十进制。1,2$s =2else if(substr($msg[
  $len=hexdec($len);1,4$s =4);
  $msg[//}
  =substr($msg[1$mask[] = hexdec(substr($msg[1,4);
  )=='ff'){1,2$s =2$len=substr($msg[
  $len=hexdec($len);1,4$s =16);
  $msg[
  =substr($msg[1$mask[] = hexdec(substr($msg[1,16);
  }
  ],1,4$s =2)); 
  ],1,6$s =2)); 
  ],1,8$s =2)); 
  ],1,10$s =2));
  $n=0; 12;
  else if($this
 }->slen[$key] > 0){
  $len=$this->slen[$key];
  $mask=$this->ar[$key];
  $n=$this->n[$key];
  $s = 0;
 }
 $e = strlen($msg[1])-2;
 for ($i=$s; $i<= $e; $i+= 2) { 
  $data .= chr($mask[$n%4]^hexdec(substr($msg[1],$i,2); 
  $n++; 
 } 
 $dlen=strlen($data);
 if($len > 255 && $len > $dlen+intval($this->sjen[$key])){
  $this->ar[$key]=$mask;
  $this->slen[$key]=$len;
  $this->sjen[$key]=$dlen+intval($this->sjen[$key]);
  $this->sda[$key]=$this->sda[$key].$data;
  $this->n[$key]=$n;
  return false;
 }else{
  unset($this->ar[$key],$this->slen[$key],$this->sjen[$key],$this->n[$key]);
  $data=$this->sda[$key].$data;
  unset($this->sda[$key]);
  return $data;
 }
 }
 function code($msg){ //Kompilieren
 $frame = array(); 
 $frame[0] = '81'; 
 $len = strlen($msg);
 if($len < 126){
  $frame[1] = $len<16?'0'.dechex($len):dechex($len);
 } else if($len < 65025){
  $s=dechex($len);
  $frame[1]='7e'.str_repeat('0',4-strlen($s)).$s;
 }else{
  $s=dechex($len);
  $frame[1]='7f'.str_repeat('0',16-strlen($s)).$s;
 }
 $frame[2] = $this->ord_hex($msg); 
 $data = implode('',$frame); 
 return pack("H*", $data); 
 }
 function ord_hex($data) { 
 $msg = ''; 
 $l = strlen($data); 
 for ($i= 0; $i<$l; $i++) { 
  $msg .= dechex(ord($data{$i})); 
 } 
 return $msg; 
 }
 //Benutzer beitritt
 function send($k,$msg){
 parse_str($msg,$g);//Die Suchzeichenkette in Variablen auflösen
 $ar=array();
 if($g['type']=='add'){
  $this->users[$k]['name']=$g['ming'];
  $ar['type']='add';
  $ar['name']=$g['ming'];
  $key='all';
 }else{
  $ar['nrong']=$g['nr'];
  $key=$g['key'];
 }
 $this->send1($k,$ar,$key);
 }
 function getusers(){
 $ar=array();
 foreach($this->users as $k=>$v){
  $ar[]=array('code'=>$k,'name'=>$v['name']);
 }
 return $ar;
 }
 //$k Absenders code $key Empfängers code
 function send1($k,$ar,$key='all'){
 $ar['code1']=$key;
 $ar['code']=$k;
 $ar['time']=date('m-d H:i:s');
 $str = $this->code(json_encode($ar));
 if($key=='all'){
  $users=$this->users;
  if($ar['type']=='hinzufügen'){
  $ar['type']='hinzufügen';
  $ar['users']=$this->getusers();
  $str1 = $this->code(json_encode($ar));
  socket_write($users[$k]['socket'],$str1,strlen($str1));//Absender
  unset($users[$k]);
  }
  foreach($users as $v){
  socket_write($v['socket'],$str,strlen($str));//Empfänger
  }
 }else{
  socket_write($this->users[$k]['socket'],$str,strlen($str));//Absender
  socket_write($this->users[$key]['socket'],$str,strlen($str));//Empfänger
 }
 }
 //Benutzerabgang
 function send2($k){
 $this->close($k);
 $ar['type']='entfernen';
 $ar['nrong']=$k;
 $this->send1(false,$ar,'all');
 }
 function e($str){
 //$path=dirname(__FILE__).'/log.txt';
 $str=$str."\n";
 //error_log($str,3$path);
 echo iconv('utf-8//IGNORE
 }
}
?>

 Klient:

!doctype html
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="Breite=device-Breite, initial-scale=1, Benutzer-scalable=no"/>
<title>HTML5 websocket Web-Chat-Raum javascript php</title>
<style type="text/css">
body,p{margin:0px; padding:0px; font-größe:14px; farbe:#333; font-family:Arial, Helvetica, sans-serif;}
#ltian,.rin{width:98%; margin:5px auto;}
#ltian{border:1px #ccc solid;overflow-y:auto; overflow-x:hidden; position:relative;}
#ct{margin-rechts:111px; höhe:100%;overflow-y:auto;overflow-x: hidden;}
#us{width:110px; overflow-y:auto; overflow-x:hidden; float:right; border-left:1px #ccc solid; height:100%; background-farbe:#F1F1F1;}
#us p{padding:3px 5px; color:#08C; line-höhe:20px; height:20px; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#us p:hover,#us p:active,#us p.ck{background-farbe:#069; color:#FFF;}
#us p.my:hover,#us p.my:active,#us p.my{color:#333;background-color:transparent;}
button{float:right; width:80px; height:35px; font-größe:18px;}
input{width:100%; height:30px; padding:2px; zeilen-höhe:20px; outline:none; border:solid 1px #CCC;}
.rin p{margin-rechts:160px;}
.rin span{float:right; padding:6px 5px 0px 5px; position:relative;}
.rin span img{margin:0px 3px; cursor:pointer;}
.rin span form{position:absolute; width:25px; höhe:25px; overflow:hidden; opacity:0; top:5px; rechts:5px;}
.rin span input{width:180px; height:25px; margin-left:-160px; cursor:pointer}
#ct p{padding:5px; zeilen-höhe:20px;}
#ct a{farbe:#069; cursor:pointer;}
#ct span{farbe:#999; einzug-rechts:10px;}
.c2{farbe:#999;}
.c3{hintergrund-farbe:#DBE9EC; einzug:5px;}
.qp{position:absolute; font-größe:12px; farbe:#666; oben:5px; rechts:130px; text-dekoration:none; farbe:#069;}
#ems{position:absolute; z-index:5; anzeige:none; oben:0px; links:0px; max-breite:230px; hintergrund-farbe:#F1F1F1; rand:solid 1px #CCC; einzug:5px;}
#ems img{breite:44px; höhe:44px; rand:solid 1px #FFF; cursor:pointer;}
#ems img:hover,#ems img:active{rand-farbe:#A4B7E3;}
#ems a{farbe:#069; rand-radius:2px; anzeige:inline-block; margin:2px 5px; einzug:1px 8px; text-dekoration:none; hintergrund-farbe:#D5DFFD;}
#ems a:hover,#ems a:active,#ems a.ck{farbe:#FFF; hintergrund-farbe:#069;}
.tc{text-ausrichten:center; margin-top:5px;}
</style>
</head>
<body>
<div id="ltian">
 <div id="us" class="jb"></div>
 <div id="ct"></div>
  <a href="javascript:;" class="qp" onClick="this.parentNode.children[1].innerHTML=''">Leeren der Bildschirm</a>
</div>
<div class="rin">
  <button id="sd">Senden</button>
  <span><img src="http://www.yxsss.com/ui/sk/t.png" title="[#1#]" id="imgbq"><img src="http://www.yxsss.com/ui/sk/e.png" title="[#2#]"><form><input type="file" title="[#2#]" id="upimg"></form></span>
  p><input id="nrong"></p>
</div>
<div id="ems"><p></p><p class="tc"></p></div>
<script>
if(typeof(WebSocket)=='undefined'){
 alert('Dein Browser unterstützt keine WebSocket, wir empfehlen Google Chrome oder Mozilla Firefox.'); 
}
</script>
<script src="http://www.yxsss.com/ui/p/a.js" type="text/javascript"></script>
<script>
(function(){
 var key='all',mkey;
 var users={};
 var url='ws://127.0.0.1:8000';
 var so=false,n=false;
 var lus=A.$('us'),lct=A.$('ct');
 function st(){
 n=prompt('Bitte einen klingen Namen für dich wählen:');
 n=n.substr(0,16);
 if(!n){
  return ; 
 }
 so=new WebSocket(url);
 so.onopen=function(){
  if(so.readyState==1){
    alert('888');
  so.send('type=add&ming='+n);
  }
 }
 so.onclose=function(){
  so=false;
  lct.appendChild(A.$$('<p class="c',2">Abgabe des Chatraums</p>'));
 }
 so.onmessage=function(msg){
  eval('var da='+msg.data);
  var obj=false,c=false;
  if(da.type=='add'){
  var obj=A.$$('<p>'+da.name+</p)>
  lus.appendChild(obj);
  cuser(obj,da.code);
  obj=A.$$('<p><span>['+da.time+']</span>欢迎<a>'+da.name+</a>加入</p)>
  c=da.code;
  }else if(da.type=='madd'){
  mkey=da.code;
  da.users.unshift({'code':'all','name':'大家'});
  for(var i=0;i<da.users.length;i++){
   var obj=A.$$('<p>'+da.users[i].name+</p)>
   lus.appendChild(obj);
   if(mkey!=da.users[i].code){
   cuser(obj,da.users[i].code);
   }else{
   obj.className='my';
   document.title=da.users[i].name;
   }
  }
  obj=A.$$('<p><span>['+da.time+']</span>欢迎+da.name+'加入</p)>
  users.all.className='ck';
  }
  if(obj==false){
  if(da.type=='rmove'){
   var obj=A.$$('<p class="c2><span>['+da.time+']</span>'+users[da.nrong].innerHTML+'退出聊天室</p)>
   lct.appendChild(obj);
   users[da.nrong].del();
   delete users[da.nrong];
  }else{
   da.nrong=da.nrong.replace(/{\\(\d+})/g,function(a,b){
   return '<img src="sk/'+b+'.gif">';
   }).replace(/^data\:image\/png;base64\,.{50,}$/i,function(a){
   return '<img src="'+a+'">';
   });
   //da.code 发信息人的code
   if(da.code1==mkey){
   obj=A.$$('<p class="c3><span>['+da.time+']</span><a>'+users[da.code].innerHTML+</a>对我说:+da.nrong+</p)>
   c=da.code;
   }else if(da.code==mkey){
   if(da.code1!='all')
   obj=A.$$('<p class="c3><span>['+da.time+']</span>我对<a>'+users[da.code1].innerHTML+</a>说:+da.nrong+</p)>
   else
   obj=A.$$('<p><span>['+da.time+']</span>我对<a>'+users[da.code1].innerHTML+</a>说:+da.nrong+</p)>
   c=da.code1;
   }else if(da.code==false){
   obj=A.$$('<p><span>['+da.time+']</span>'+da.nrong+</p)>
   }else if(da.code1){
   obj=A.$$('<p><span>['+da.time+']</span><a>'+users[da.code].innerHTML+</>对'+users[da.code1].innerHTML+':'+da.nrong+</p)>
   c=da.code;
   }
  }
  }
  if(c){
   obj.children[1].onclick=function(){
   users[c].onclick();
   }
  }
  lct.appendChild(obj);
  lct.scrollTop=Math.max(0,lct.scrollHeight-lct.offsetHeight);
 }
 }
 A.$('sd').onclick=function(){
 if(!so){
  return st();
 }
 var da=A.$('nrong').value.trim();
 if(da==''){
  alert('内容不能为空');
  return false; 
 }
 A.$('nrong').value='';
 so.send('nr='+esc(da)+'&key='+key);
 }
 A.$('nrong').onkeydown=function(e){
 var e=e||event;
 if(e.keyCode==13){
  A.$('sd').onclick();
 }
 }
 function esc(da){
 da=da.replace(/</g,'<').replace(/>/g,'>').replace(/\"/g,'"');
 return encodeURIComponent(da);
 }
 function cuser(t,code){
 users[code]=t;
 t.onclick=function(){
  t.parentNode.children.rcss('ck','');
  t.rcss('','ck');
  key=code;
 }
 }
 A.$('ltian').style.height=(document.documentElement.clientHeight - 70);+'px';
 st();
 var bq=A.$('imgbq'),ems=A.$('ems');
 var l=80,r=4,c=5,s=0,p=Math.ceil(l/(r*c));
 var pt='sk/';
 bq.onclick=function(e){
 var e=e||event;
 if(!so){
  return st();
 }
 ems.style.display='block';
 document.onclick=function(){
  gb(); 
 }
 ct();
 try{e.stopPropagation();}catch(o){}
 }
 for(var i=0;i<p;i++){
 var a=A.$('<a href="javascript:;">'+(i+1)+</a)>
 ems.children[1.appendChild(a);
 ef(a,i);
 }
 ems.children[1].children[0].className='ck';
 function ct(){
 var wz=bq.weiz();
 with(ems.style){
  top=wz.y-242+'px';
  left=wz.x+bq.offsetWidth-235+'px';
 }
 }
 function ef(t,i){
 t.onclick=function(e){
  var e=e||event;
  s=i*r*c;
  ems.children[0].innerHTML='';
  hh();
  this.parentNode.children.rcss('ck','');
  this.rcss('','ck');
  try{e.stopPropagation();}catch(o){}
 }
 }
 function hh(){
 var z=Math.min(l,s+r*c);
 for(var i=s;i<z;i++){
  var a=A.$$('<img src="'+pt+i+'.gif">');
  hh1(a,i);
  ems.children[0].appendChild(a);
 }
 ct();
 }
 function hh1(t,i){
 t.onclick=function(e){
  var e=e||event;
  A.$('nrong').value+='{\\'+i+};
  if(!e.ctrlKey){
  gb();
  }
  try{e.stopPropagation();}catch(o){}
 }
 }
 function gb(){
 ems.style.display='';
 A.$('nrong').focus();
 document.onclick='';
 }
 hh();
 A.on(window,'resize',function(){
 A.$('ltian').style.height=(document.documentElement.clientHeight - 70);+'px';
 ct();
 }); 
 var fimg=A.$('upimg');
 var img=new Image();
 var dw=400,dh=300;
 A.on(fimg,'change',function(ev){
 if(!so){
  st();
  return false;
 }
 if(key=='all'){
  alert('Due to resource limitations, sending images can only be done through private chat');
  return false; 
 }
 var f=ev.target.files[0];
 if(f.type.match('image.*')) {
  var r = new FileReader();
  r.onload = function(e) {
  img.setAttribute('src',e.target.result);
   };
  r.readAsDataURL(f);
 }
 });
 img.onload=function() {
 ih=img.height,iw=img.width;
 if(iw/ih > dw/dh && iw > dw) {
  ih=ih/iw*dw;
  iw=dw;
 } else if(ih > dh) {
  iw=iw/ih*dh;
  ih=dh;
 }
 var rc = A.$$('canvas');
 var ct = rc.getContext('2d');
 rc.width=iw;
 rc.height=ih;
 ct.drawImage(img,0,0,iw,ih);
 var da=rc.toDataURL();
 so.send('nr='+esc(da)+'&key='+key);
 }
})();
</script>
</body>
</html>

Das ist der gesamte Inhalt dieses Artikels. Wir hoffen, dass er Ihnen bei Ihrem Lernen hilft und wir bitten Sie, die Anleitung lauthals zu unterstützen.

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet entnommen und gehört dem Urheber. Der Inhalt wurde von Internetnutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht von Hand bearbeitet. Diese Website übernimmt keine Haftung für rechtliche Probleme. Wenn Sie urheberrechtlich beanstandete Inhalte entdecken, freuen wir uns über eine E-Mail an: notice#oldtoolbag.com (Bitte ersetzen Sie # durch @ beim Senden einer E-Mail zur Meldung von Verstößen und stellen Sie relevante Beweise zur Verfügung. Sobald diese überprüft wurden, wird diese Website die beanstandeten urheberrechtlichen Inhalte sofort löschen.)

Vielleicht gefällt dir auch