Resultados da pesquisa a pedido "svg"
JavaScript e SVG: como você aumenta a área clicável para um evento onClick?
Meu script desenha linhas na tela com uma largura de traço de 3. O tamanho das linhas é ideal (visualmente), mas não é muito fácil clica Como um exemplo aproximado: <html> <head> <script> function selectStrand(evt) { current_id ...
conexão de caminho svg suave
Tenho um conjunto aleatório de pontos e quero criar uma forma svg suave com o raphaeljs. Para conectar os pontos, estou usando um spline de catmull-rom. O problema é que o ponto em que o caminho está fechado não é suav Este é um exemplo de ...
Rode o caminho SVG nos segmentos de linha
Estou tentando transformar um caminho SVG em uma lista de pontos no Nó. Estou usando o elementtree para analisar o arquivo SVG. d é a definição do caminho, getPos simplesmente transforma um "x, y" em um objeto com um x e um y, doLine ...
Usando SVG como imagem de fundo
Não consigo fazer isso funcionar como desejado. Minha página muda de altura com base no conteúdo carregado e, se precisar de um pergaminho, o svg não parece estar se estendendo ... html { height: 100%; ...
Ler atributos de elementos SVG em HTML via JS
Tenho a seguinte marcação (HTML com SVG nativo): <!doctype html> <!-- ... html-Elements ... --> <svg version="1.1" ... > <defs> <circle id="infop" cx="0" cy="0" r="9" /> </defs> <!-- ... svg Elements ... --> <svg> <!-- to have separate ...
adicionar texto ao documento SVG em javascript
Estou tentando adicionar um elemento de texto ao<g> elemento em um documento SVG usando javascript, meu código se parece com isso function addText(x,y,val){ var newtxt = document.createElementNS("http://www.w3.org/2000/svg", "text"); $newtxt ...
Autocaling de um SVG incorporado em HTML no redimensionamento de janelas
Gostaria de incorporar algum SVG em uma página HTML de forma que seja redimensionada automaticamente (usando SVG, CSS ou JS) quando a página é redimensionada, preservando a proporção original. Por exemplo, usando um exemplo do W3Schools: <svg ...
SVG & Spritesheets
Essa combinação é possível? Eu tenho uma planilha de estilo retro, no entanto, gostaria de usar o SVG com ela para aplicar alguns efeitos, como sombras, contornos e outras coisas. Não questione. Eu sei que o canvas é uma alternativa, no ...
Usando um traçado de recorte com um objeto posicionado no Webkit
Considereste simples arquivo SVG [http://phrogz.net/svg/image-spritesheet-static.svg]: <svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink" viewBox="0 0 353 150"> <defs> <clipPath id="walk0"><rect width="44" ...
Wrong SVGSVGElement width no Firefox
No seguinte documento: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd"> <svg width = "100%" height = "100%" id="pic" version="1.1" ...