Skip to main content
Pequenas correções
Fonte Link
Caio Felipe Pereira
  • 4,6mil
  • 1
  • 19
  • 40

Como posso utilizar a tag tag canvas do HTML5,HTML5 e fazer essa alteração em tempo real conforme eu insiro os dados no input.? Já fiz o form e coloquei a tag canvas na página. Queria saber se no JQuery é possível alterar os dados que insiro no input e ao mesmo tempo altere a medida do canvas:

Codigo:

<input type="text"name="largura"/>
<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var largura = document.getElementById("largura").focus().value;
    var altura = document.getElementById("altura")..focus().value;
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(5,5,largura,altura);
</script>

Como seria a função no JQuery que alteraria essas variáveis em tempo real?

Como utilizar a tag canvas do HTML5, e fazer essa alteração em tempo real conforme eu insiro os dados no input. Já fiz o form e coloquei a tag canvas na página. Queria saber se no JQuery é possível alterar os dados que insiro no input e ao mesmo tempo altere a medida do canvas:

Codigo:

<input type="text"name="largura"/>
<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var largura = document.getElementById("largura").focus().value;
    var altura = document.getElementById("altura")..focus().value;
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(5,5,largura,altura);
</script>

Como seria a função no JQuery que alteraria essas variáveis em tempo real?

Como posso utilizar a tag canvas do HTML5 e fazer essa alteração em tempo real conforme eu insiro os dados no input? Já fiz o form e coloquei a tag canvas na página. Queria saber se no JQuery é possível alterar os dados que insiro no input e ao mesmo tempo altere a medida do canvas:

Codigo:

<input type="text"name="largura"/>
<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var largura = document.getElementById("largura").focus().value;
    var altura = document.getElementById("altura")..focus().value;
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(5,5,largura,altura);
</script>

Como seria a função no JQuery que alteraria essas variáveis em tempo real?

Olá, gostaria deComo utilizar a tag canvastag canvas do HTML5HTML5, e gostaria de fazer essa alteração em tempo real conforme eu insiro os dados no inputinput. No caso, eu já fiz o formform e coloquei a tag canvastag canvas na página. Queria saber se no JQueryJQuery é possível alterar os dados que insiro no inputinput e ao mesmo tempo altere a medida do canvas excanvas:

Codigo:

<input type="text"name="largura"/>
<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var largura = document.getElementById("largura").focus().value;
    var altura = document.getElementById("altura")..focus().value;
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(5,5,largura,altura);
</script>

Como seria a função no JQueryJQuery que alteraria essas variáveis em tempo real?

Olá, gostaria de utilizar a tag canvas do HTML5, e gostaria de fazer essa alteração em tempo real conforme eu insiro os dados no input. No caso, eu já fiz o form e coloquei a tag canvas na página. Queria saber se no JQuery é possível alterar os dados que insiro no input e ao mesmo tempo altere a medida do canvas ex:

<input type="text"name="largura"/>
<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var largura = document.getElementById("largura").focus().value;
    var altura = document.getElementById("altura")..focus().value;
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(5,5,largura,altura);
</script>

Como seria a função no JQuery que alteraria essas variáveis em tempo real?

Como utilizar a tag canvas do HTML5, e fazer essa alteração em tempo real conforme eu insiro os dados no input. fiz o form e coloquei a tag canvas na página. Queria saber se no JQuery é possível alterar os dados que insiro no input e ao mesmo tempo altere a medida do canvas:

Codigo:

<input type="text"name="largura"/>
<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var largura = document.getElementById("largura").focus().value;
    var altura = document.getElementById("altura")..focus().value;
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(5,5,largura,altura);
</script>

Como seria a função no JQuery que alteraria essas variáveis em tempo real?

Fonte Link
Carregando