# Criar um paint com Canvas

**URL:** https://forum.casadocodigo.com.br/t/criar-um-paint-com-canvas/1134
**Category:** Livros
**Tags:** logica-programacao
**Created:** [Julho 20, 2018, 7:35pm UTC](https://forum.casadocodigo.com.br/t/criar-um-paint-com-canvas/1134 "2018-07-20T19:35:18Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![f1792](https://avatars.discourse-cdn.com/v4/letter/f/9f8e36/32.png) [@f1792](https://forum.casadocodigo.com.br/u/f1792)
#### Post date: [Julho 20, 2018, 7:35pm UTC](https://forum.casadocodigo.com.br/t/criar-um-paint-com-canvas/1134/1 "2018-07-20T19:35:18Z")

</div>

Tenho um canvas dividido em duas partes, e a função abaixo:  
function clicouNoCanvas(evento) {  
var x = evento.pageX - tela.offsetLeft;  
var y = evento.pageY - tela.offsetTop;

```
	if( x < 300)	{
		if( y < 400) {
			var cor = "yellow";
			corEscolhida.push(cor);
				
c.fillStyle =corEscolhida ;
c.beginPath();
c.arc(x, y, 10, 0, 2*3.14);
c.fill();
} }
console.log("posicao do clique : " + x + " , " + y);

```

Como faço para na outra metade da tela (x entre 300 e 600p.ex) o clique do mouse printar bolas vermelhas?

---

<div class="post-metadata">

### Author: ![renatomaxmax](https://avatars.discourse-cdn.com/v4/letter/r/f1d935/32.png) [@renatomaxmax](https://forum.casadocodigo.com.br/u/renatomaxmax)
#### Post date: [Janeiro 14, 2020, 7:11am UTC](https://forum.casadocodigo.com.br/t/criar-um-paint-com-canvas/1134/2 "2020-01-14T07:11:54Z")

</div>

HEYY, conseguiu criar esse paint?  
Estou começando a programar e ainda não consegui… se puder me ajudar…  
Me mostre seu código completo por favor! Agradeço muito!