Comparer le texte

Encuentra la diferencia entre dos archivos de texto

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Outils

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Untitled diff

Created 10 years agoDiff never expires

Lines
Total
Removed

Words
Total
Removed

To continue using this feature, upgrade to Diffchecker Pro View Pricing

75 lines

Lines
Total
Added

Words
Total
Added

To continue using this feature, upgrade to Diffchecker Pro View Pricing

72 lines

// construtor de canvas

function Canvas(cWidth, cHeigth, canvasID, M) {

this.canvas = document.createElement('canvas');

document.body.appendChild(this.canvas);

// Se uma altura/largura nao forem setados, o tamanho da tela é usado com base para o canvas.

this.canvas.width = cWidth || window.innerWidth - M;

this.canvas.height = cHeigth || window.innerHeight - M;

this.context = this.canvas.getContext('2d');

this.canvas.style.border = "1px solid";

this.canvas.id = canvasID; // or use name

this.canvas.addEventListener('click', click.bind(this))

document.body.appendChild(this.canvas);

//Limpa o canvas a cada frame.

this.upC = function() {

this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);

}

//cria um retangulo (preguiça de escrever).

this.rect = function(x, y, w, h) {

this.context.fillRect(x, y, w, h);

}

this.rectNav = this.canvas.getBoundingClientRect()

}

// construtor de botoes

function Botao(x, y, w, h, canvas, callback, color) {

this.x = x;

this.y = y;

this.w = w;

this.h = h;

this.cb = callback;

this.color = color;

this.render = function() {

canvas.context.fillStyle = color || '#000';

canvas.rect(this.x, this.y, this.w, this.h);

}

this.ontarget = function(pos) {

if (pos.x > this.x && pos.x < (this.x + this.w) && pos.y > this.y && pos.y < (this.y + this.h)) {

this.cb();

};

}

var teste = new Canvas(400, 300, teste, 0);

var teste = new Canvas(400, 300, 'minhaID', 0);

var bt1 = new Botao(100, 100, 100, 100, teste, function() {

console.log("teste");

});

function run() {

teste.upC();

bt1.render(); // renderiza o botao.

window.requestAnimationFrame(run);

}

run();

function click(evt) {

var rectNav = teste.rectNav;; //obtêm as coordenadas do mouse na janela do cliente.

var rectNav = this.rectNav;; //obtêm as coordenadas do mouse na janela do cliente.

var pos = {

x: evt.clientX - rectNav.left,

y: evt.clientY - rectNav.top

};

bt1.ontarget(pos); //detecta se o click foi no botão

}

cEvent('click', click);

//cEvent('click', click);

Les différences enregistrées

Texte d'origine

Ouvrir un fichier

// construtor de canvas
function Canvas(cWidth, cHeigth, canvasID, M) {

this.canvas = document.createElement('canvas');

// Se uma altura/largura nao forem setados, o tamanho da tela é usado com base para o canvas.
  this.canvas.width = cWidth || window.innerWidth - M;
  this.canvas.height = cHeigth || window.innerHeight - M;

this.context = this.canvas.getContext('2d');
  this.canvas.style.border = "1px solid";
  this.canvas.id = canvasID; // or use name

document.body.appendChild(this.canvas);

//Limpa o canvas a cada frame.	 
  this.upC = function() {
      this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    }
    //cria um retangulo (preguiça de escrever).
  this.rect = function(x, y, w, h) {
    this.context.fillRect(x, y, w, h);
  }

this.rectNav = this.canvas.getBoundingClientRect()

}

// construtor de botoes

function Botao(x, y, w, h, canvas, callback, color) {
  this.x = x;
  this.y = y;
  this.w = w;
  this.h = h;
  this.cb = callback;
  this.color = color;
  this.render = function() {
    canvas.context.fillStyle = color || '#000';
    canvas.rect(this.x, this.y, this.w, this.h);
  }

this.ontarget = function(pos) {
    if (pos.x > this.x && pos.x < (this.x + this.w) && pos.y > this.y && pos.y < (this.y + this.h)) {
      this.cb();
    };
  }

var teste = new Canvas(400, 300, teste, 0);
  var bt1 = new Botao(100, 100, 100, 100, teste, function() {
    console.log("teste");
  });

function run() {
    teste.upC();

bt1.render(); // renderiza o botao.
    window.requestAnimationFrame(run);
  }
  run();

function click(evt) {
    var rectNav = teste.rectNav;; //obtêm as coordenadas do mouse na janela do cliente.
    var pos = {
      x: evt.clientX - rectNav.left,
      y: evt.clientY - rectNav.top
    };

bt1.ontarget(pos); //detecta se o click foi no botão 
  }

cEvent('click', click);

Texte modifié

Ouvrir un fichier

// construtor de canvas
function Canvas(cWidth, cHeigth, canvasID, M) {

this.canvas = document.createElement('canvas');
  document.body.appendChild(this.canvas);
  // Se uma altura/largura nao forem setados, o tamanho da tela é usado com base para o canvas.
  this.canvas.width = cWidth || window.innerWidth - M;
  this.canvas.height = cHeigth || window.innerHeight - M;

this.context = this.canvas.getContext('2d');
  this.canvas.style.border = "1px solid";
  this.canvas.id = canvasID; // or use name
  this.canvas.addEventListener('click', click.bind(this))

// construtor de botoes

this.ontarget = function(pos) {
    if (pos.x > this.x && pos.x < (this.x + this.w) && pos.y > this.y && pos.y < (this.y + this.h)) {
      this.cb();
    };
  }
}
var teste = new Canvas(400, 300, 'minhaID', 0);
var bt1 = new Botao(100, 100, 100, 100, teste, function() {
  console.log("teste");
});

function run() {
  teste.upC();

bt1.render(); // renderiza o botao.
  window.requestAnimationFrame(run);
}
run();

function click(evt) {
  var rectNav = this.rectNav;; //obtêm as coordenadas do mouse na janela do cliente.
  var pos = {
    x: evt.clientX - rectNav.left,
    y: evt.clientY - rectNav.top
  };

bt1.ontarget(pos); //detecta se o click foi no botão 
}

//cEvent('click', click);