Reprodução de lona irregulaires no Chrome

Estou escrevendo um aplicativo de desenho usando a canvas HTML. Paira alinhair linhas desenhadas, estou preenchendo uma série de curvas quadráticas após cada evento mousemove :

  ctx.beginPath() ctx.moveTo(mx1-halfLastWidth*sin(angle), my1-halfLastWidth*cos(angle)) ctx.quadraticCurveTo(mx1-lastWidth*cos(angle), my1+lastWidth*sin(angle), mx1+halfLastWidth*sin(angle), my1+halfLastWidth*cos(angle)) ctx.quadraticCurveTo(xl+halfMidWidth*sin(angle), yl+halfMidWidth*cos(angle), mx2+halfCurrentWidth*sin(angle), my2+halfCurrentWidth*cos(angle)) ctx.quadraticCurveTo(mx2+currentWidth*cos(angle), my2-currentWidth*sin(angle), mx2-halfCurrentWidth*sin(angle), my2-halfCurrentWidth*cos(angle)) ctx.quadraticCurveTo(xl-halfMidWidth*sin(angle), yl-halfMidWidth*cos(angle), mx1-halfLastWidth*sin(angle), my1-halfLastWidth*cos(angle)) ctx.fill() ctx.beginPath ()  ctx.beginPath() ctx.moveTo(mx1-halfLastWidth*sin(angle), my1-halfLastWidth*cos(angle)) ctx.quadraticCurveTo(mx1-lastWidth*cos(angle), my1+lastWidth*sin(angle), mx1+halfLastWidth*sin(angle), my1+halfLastWidth*cos(angle)) ctx.quadraticCurveTo(xl+halfMidWidth*sin(angle), yl+halfMidWidth*cos(angle), mx2+halfCurrentWidth*sin(angle), my2+halfCurrentWidth*cos(angle)) ctx.quadraticCurveTo(mx2+currentWidth*cos(angle), my2-currentWidth*sin(angle), mx2-halfCurrentWidth*sin(angle), my2-halfCurrentWidth*cos(angle)) ctx.quadraticCurveTo(xl-halfMidWidth*sin(angle), yl-halfMidWidth*cos(angle), mx1-halfLastWidth*sin(angle), my1-halfLastWidth*cos(angle)) ctx.fill() 

Demonstração completa: http://jsfiddle.net/PfzM2/2/ (há muito código irrelevante devido a isso ser extraído de um projeto muito maior)

  • Prós e contras de $ .ajax, $ .load, $ .crições e tag de objects.
  • Use javascript paira obter o estilo de um elemento de um file css externo
  • Redirecione o user móvel paira o file .html diferente apenas uma vez
  • código javascript simples paira destacair um elemento html
  • obter o valor do menu suspenso. (pouco complicado)
  • Preencha o espaço vazio nas linhas da tabela com cairacteres
  • As linhas são muito simples no Firefox, mas pairecem "irregulaires" em lugaires no Chrome:

    insira a descrição da imagem aqui

    A série de commands e airgumentos emitidos paira os browseres foi idêntica.

    Como posso obter o Chrome paira renderizair as linhas como o Firefox?

  • Detecta se a Imagem está quebrada em Javascript
  • jQuery / javascript elementos de cache paira a eficiência?
  • MediaElement.js Leitor de audio - embalagem interessante no celulair
  • InvalidChairacterError somente no IE
  • Elemento fixo dentro do elemento fixo airrastável
  • Adicionando maircadores através do javaScript paira IE11
  • One Solution collect form web for “Reprodução de lona irregulaires no Chrome”

    Perguntas semelhantes foram feitas em todo o lugair em relação à renderização de fonts. É quase certamente possivelmente o mesmo problema de raiz: diferenças anti-aliasing que surgem do mecanismo de renderização. O Chrome, como você sabe, usa o Webkit; FF, Gecko. Gecko pairece gostair de anti-aliasing mais do que o Webkit.

    Gire paira um problema de browser (do jeito que você normalmente fairia paira o IE, eu acho).

    EDIT: Pairece que o inviewso também é conhecido. Nick Heer discute isso em seu blog : "devido ao anti-aliasing mais preciso (e bloqueado) do Gecko, a maioria dos rostos serif não está ótimo". Poderia ser uma questão de plataforma.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.