Jump to content

Search the Community

Showing results for tags 'svg'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Bem-vindos ao Portugal-a-Programar
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
  • Comunidade a Trabalhar
    • Wiki P@P
    • Apresentação de Projectos de Programação
    • Downloads
  • Revista PROGRAMAR
    • Revista PROGRAMAR
  • Desenvolvimento Geral
    • C
    • C++
    • Java
    • Haskell
    • Pascal
    • Python
    • Bases de Dados
    • Visual Basic Clássico
    • Visual Basic for Applications (VBA)
    • Dispositivos Móveis
    • Outras Linguagens
  • Desenvolvimento Orientado para Web
    • PHP
    • HTML
    • CSS
    • Javascript
    • Outras Linguagens de WebDevelopment
    • Desenvolvimento Web
  • Desenvolvimento .NET
    • C#
    • Visual Basic .NET
    • ASP.NET
    • WPF & SilverLight
  • Software e Sistemas Operativos
    • Software de Produtividade
    • Sistemas Operativos
    • Apresentação de Software
  • Informática
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica
    • Automação Industrial
    • Matemática
    • Dúvidas e Discussão de Programação
    • Notícias de Tecnologia
  • Outras Áreas
    • Dúvidas Gerais
    • Discussão Geral
    • Eventos
    • Anúncios de Emprego
    • Tutoriais
    • Snippets / Armazém de Código
  • Arquivo Morto
    • Projectos Descontinuados
    • System Empires

Blogs

  • Blog dos Moderadores
  • Eventos
  • Notícias de Tecnologia
  • Blog do Staff
  • Revista PROGRAMAR
  • Projectos
  • Wiki

Categories

  • Revista PROGRAMAR
  • Tutoriais
  • Textos Académicos
  • Exercícios Académicos
    • Exercícios c/ Solução
    • Exercícios s/ Solução
  • Bibliotecas e Aplicações
  • Outros

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 3 results

  1. oykvi

    Animação PHP

    delete post
  2. Grouse

    Explicação SVG

    Boas pessoal, alguém me consegue explicar porque é que a função "desenhaCircSVG" funciona corretamente com 4 funçoes? È que isto é um trabalho e comparei com um colega meu e o dele funciona so funciona com 6. <!DOCTYPE html> <html lang="pt"> <head> <meta charset="utf-8" /> <title></title> <style> #canvas, #svg{border:1px solid black;} </style> <script> var canvas, svg, pintor, padraoCanvas, padraoSVG; function mostraTela(){ canvas=document.getElementById("canvas"); svg=document.getElementById("svg"); pintor=canvas.getContext("2d"); padraoSVG = false; padraoCanvas = true; } // TRAÇADOS NO CANVAS function desenhaTringCANVAS(x, y, largura){ // Desenha triangulo de cima pintor.fillStyle= "#E6B569"; pintor.beginPath(); pintor.moveTo(x,y); pintor.lineTo(x+largura, y); pintor.lineTo(x+(largura/2), y+(largura/2)); pintor.closePath(); pintor.fill(); // Desenha o triangulo da direita pintor.fillStyle= "#AA8D49"; pintor.beginPath(); pintor.moveTo(x+largura, y); pintor.lineTo(x+largura, y+largura); pintor.lineTo(x+(largura/2), y+(largura/2) ); pintor.closePath(); pintor.fill(); // Desenha o triangulo da esquerda pintor.fillStyle= "#449779"; pintor.beginPath(); pintor.moveTo(x, y+largura); pintor.lineTo(x+largura/2, y+largura/2 ); pintor.lineTo(x, y); pintor.closePath(); pintor.fill(); // Desenha o triangulo de baixo pintor.fillStyle= "#013D55"; pintor.beginPath(); pintor.moveTo(x+largura, y+largura); pintor.lineTo(x+largura/2, y+largura/2 ); pintor.lineTo(x, y+largura ); pintor.closePath(); pintor.fill(); } function desenhaCircCANVAS(cx, cy, largura){ var raio = largura / 2; //Cria parte verde dos circulos pintor.fillStyle = "#449779"; pintor.beginPath(); pintor.arc(cx+raio, cy+2*raio, raio, 0, 2*Math.PI); pintor.fill(); //Cria parte azul escura dos circulos pintor.fillStyle = "#013D55"; pintor.beginPath(); pintor.arc(cx+raio, cy+2*raio, raio*0.8, 0, 2*Math.PI); pintor.fill(); //Cria parte beje clara do circulo da esquerda pintor.fillStyle = "#E6B569"; pintor.beginPath(); pintor.arc(cx, cy+raio, raio, 0, 2*Math.PI); pintor.fill(); //Cria parte beje clara do circulo da direita pintor.fillStyle = "#E6B569"; pintor.beginPath(); pintor.arc(cx+2*raio, cy+raio, raio, 0, 2*Math.PI); pintor.fill(); //Cria parte beje escura do circulo da esquerda pintor.fillStyle = "#AA8D49"; pintor.beginPath(); pintor.arc(cx, cy+raio, raio*0.8, 0, 2*Math.PI); pintor.fill(); //Cria parte beje escura do circulo da direita pintor.fillStyle = "#AA8D49"; pintor.beginPath(); pintor.arc(cx+2*raio, cy+raio, raio*0.8, 0, 2*Math.PI); pintor.fill(); } function ativaPadraoCANVAS() { var num = document.getElementById("rangeInputCanvas").value; document.getElementById("textInputCanvas").value = num; criaPadraoCANVAS(num); } function criaPadraoCANVAS(num){ var largura=500/num; for(var i=num; i>=-1; i-- ){ for(var n=num; n>-1; n--){ if(padraoCanvas) desenhaTringCANVAS(largura * i, largura * n, largura); else desenhaCircCANVAS(largura * n, largura * i, largura); } } } function trocaPadraoCANVAS() { padraoCanvas = !padraoCanvas; ativaPadraoCANVAS(); } // TRAÇADOS NO SVG function desenhaTringSVG(x, y, largura){ svg.innerHTML+='<polygon points="'+x+','+y+' '+(x+largura)+','+y+' '+(x+largura/2)+','+(y+largura/2)+'" fill="#E6B569"/>'; svg.innerHTML+='<polygon points= "'+(x+largura)+','+y+' '+(x+largura)+','+(y+largura)+' '+(x+largura/2)+','+(y+largura/2)+'" fill="#AA8D49"/>'; svg.innerHTML+='<polygon points= "'+x+','+(y+largura)+' '+(x+largura)+','+(y+largura)+' '+(x+largura/2)+','+(y+largura/2)+'" fill="#013D55"/>'; svg.innerHTML+='<polygon points= "'+x+','+y+' '+x+','+(y+largura)+' '+(x+largura/2)+','+(y+largura/2)+'" fill="#449779"/>'; } function desenhaCircSVG(x, y, raio){ svg.innerHTML+='<circle cx="'+(x+raio)+'" cy="'+(y+2*raio)+'" r="'+(raio)+'" fill="#449779" />'; svg.innerHTML+='<circle cx="'+(x+raio)+'" cy="'+(y+2*raio)+'" r="'+(raio*0.8)+'"fill="#013D55" />'; svg.innerHTML+='<circle cx="'+(x+2*raio)+'" cy="'+(y+raio)+'" r="'+(raio)+'"fill="#E6B569" />'; svg.innerHTML+='<circle cx="'+(x+2*raio)+'" cy="'+(y+raio)+'" r="'+(raio*0.8)+'"fill="#AA8D49" />'; } function criaPadraoSVG(num){ svg.innerHTML=" "; var largura=500/num; for(var i=num; i>=-1; i-- ){ for(var n=num; n>=-1; n--){ if(padraoSVG) desenhaTringSVG(largura * i, largura * n, largura); else desenhaCircSVG(largura * n, largura * i, largura/2); } } } function ativaPadraoSVG() { var num = document.getElementById("rangeInputSVG").value; document.getElementById("textInputSVG").value = num; criaPadraoSVG(num); } function atualizaInputSVG(){ var num=document.getElementById("rangeInputSVG").value; document.getElementById("textInputSVG").value=num; } //Troca o padrao do svg; function trocaPadraoSVG() { padraoSVG = !padraoSVG; ativaPadraoSVG(); } </script> </head> <body> <div> <canvas id="canvas" width="500" height="500" onclick="trocaPadraoCANVAS()"></canvas> <svg id="svg" width="500" height="500" onclick="trocaPadraoSVG()"> <svg/> </div> <div> CANVAS: Clique para alternar o padrão <br>Modulação(1,30):<input type="text" readonly id="textInputCanvas" value="4" maxlength="2" size="2"> <input type="range" id="rangeInputCanvas" min="1" max="30" step="1" value="4" onmousemove="ativaPadraoCANVAS()" onchange="ativaPadraoCANVAS()">(Auto-renovação) </div> <div style="position: absolute; top:512px; left:512px;"> SVG: Clique para alternar o padrão <br>Modulação(1,10): <input type="text" readonly id="textInputSVG" value="4" maxlength="2"size="2"> <input type="range" id="rangeInputSVG" min="1" max="10" step="1" value="4" onmousemove="atualizaInputSVG()"> <button type="button" onclick="ativaPadraoSVG()">Renovar</button> </div> <script> mostraTela(); criaPadraoCANVAS(4); criaPadraoSVG(4); </script> </body> </html>
  3. Caros amigos, Alguém consegue explicar por que razão esta página: http://samples.msdn.microsoft.com/workshop/samples/svg/zoomAndPan/orgChart.html funciona em todos os browsers (IE, Chrome, Opera) mas não em Firefox? (Ou melhor, é apenas com o FireFox que o zoom no gráfico com a roda do rato não funciona.) Confesso que os meus conhecimentos nesta matéria não são muito grandes e, por isso, as pistas que me vierem a dar poderão não ser as suficientes para eu conseguir resolver a questão. Por isso, se alguém conseguir apontar a razão certa... irá certamente evitar mais perguntas minhas. O meu objectivo é o de publicar na net algumas páginas com textos de matemática recorrendo ao MathML (mas sem MathJax e daí a minha necessidade em relação ao FireFox). Esta parte do projecto está a correr bem. Quero complementar o projecto com gráficos SVG e por isso o meu interesse na solução que descobri na MSDN. Agradeço antecipadamente toda a ajuda que me poderem dar... Nuno de Carvalho
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.