» »

Canvas risanje

luksorzi ::

Malo se igram s canvas, pa sem do zdaj ustvaril "slikarja".

Če je miška nad canvas in držim gumb, narišekvadratek. Če miško premikam, iz tega nastanejo črte. Če pa miško premikam prehitro, se črta prekine. Kako bi se lahko temu izognil?

http://www.thepiratebay.org

Mavrik ::

Tako da vedno povežeš kvadratke med sabo ko je miška pritisnjena. Za kaj več pa si premalo pokazal in povedal.

(Sklepam da govoriš o HTML/JS Canvas, ker ti je uspelo tudi v napačen oddelek postaviti temo.)
The truth is rarely pure and never simple.

Zgodovina sprememb…

  • spremenil: Mavrik ()

luksorzi ::

:|
Ja, govorim o html/js. :)

Še nekaj kode, da bo bolj jasno, kako imam narejeno.
function draw(c,x,y) {  
  		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");
		ctx.fillStyle = c;
		ctx.fillRect(x-5,y-5,10,10);
	}

$("body").mousedown(function(){
	clk=true;
	var x = e.pageX - this.offsetLeft;
	var y = e.pageY - this.offsetTop;
	draw(color,x,y)
	});
$(document).mouseup(function(){
	clk=false;
	});
$("#canvas").mousemove(function(e){
	if(clk==true){
		var x = e.pageX - this.offsetLeft;
		var y = e.pageY - this.offsetTop;
		draw(color,x,y)
		}
	});
});
http://www.thepiratebay.org

Zgodovina sprememb…

  • spremenil: luksorzi ()

golobich ::

Mogoče bi bilo bolj pametno narisat črto od tam kje si kliknu, pozicija x, y do pozicije e.X, e.Y
Nevem kako bi ti to bolj natančno razložu. Če te zanima sem jaz pred kakim letom napisal slikarja v C#, tako
da če te zanima mi pošli zasebca pa ti lahko mogoče kaj pomagam.

Lp, golobich


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

c# form

Oddelek: Programiranje
13758 (272) FuI2cY
»

Javascript

Oddelek: Programiranje
6459 (272) amacar
»

Želvica Logo [Java]

Oddelek: Programiranje
151149 (644) medobear
»

prenos js-var kot parametre

Oddelek: Izdelava spletišč
5603 (530) JaaZoo
»

Kako bi premikal miško na drugem računalniku prek mojega računalnika

Oddelek: Omrežja in internet
5618 (535) Matri[X]

Več podobnih tem