desenhar superfícies transparentes em JavaScript lona globalCompositeOperation cópia fix-

Hoje, há um post muito especial de vezes. Acho que as pessoas que estão em causa, vai entender o que está em jogo. Toda a gente dizia, que o artigo seguinte é de novo um para um público mais vasto será.

Eu tinha apresentado aqui sim uma barra de progresso pequeno no blog há algum tempo, que é implementado inteiramente em JavaScript. Tivesse prestado atenção particular, designadamente sobre os belos cantos arredondados. (Ver: a seguinte captura de tela)

JavaScript apenas barra de progresso

Originalmente eu tinha percebido que os cantos transparentes por meio de nossos caminhos eu com

ctx.globalCompositeOperation = “copiar”; ctx.fillStyle = ‘ rgba(0,0,0,0.0)”;ctx.fill();

ter preenchido.

Infelizmente, tive de olhar para o renovado o progresso barra ver ontem que o script não funciona mais. O Javascriptkonsolen em vários navegadores (IE, FF, chrome) me forma estranha mas não emitido nenhum erro.

Após algumas Google que descobri que o globalCompositeOperation é “copiar” não corretamente implementado / suportados. Para encontrar uma solução que não foi fácil, mas eu os encontrei.

Superfícies transparentes se destacam ainda sempre maravilhosamente. Por isso, apenas duas mudanças são necessárias. A deve ser convertido o valor de destino de globalCompositeOperation”para fora” e a cor de preenchimento deve estar completamente visível. Baseado na minha barra de progresso que se parece como segue:

“destino fora” = ctx.globalCompositeOperation; ctx.fillStyle = ‘ rgba(0,0,0,1.0)”;ctx.fill();

Pode ser tão simples. Espero que eu possa por este meio um ou outro tipo de ajuda desesperado.

Muitos cumprimentos,
Raffi

Sobre o autor: Este artigo, bem como 363 outros artigos sobre código-bude.net, escrito por Raphael. -Desde 2011 blog aqui sobre programação, meu software, escrever tutoriais e tentar o meu conhecimento, portanto ele vai bem, para compartilhar com meus leitores. Além disso, escrevo sobre temas de meus estudos sobre derwirtschaftsinformatiker.de. E-mail • Google + • Facebook • Twitter

0SHARESFacebookTwitterGoogleWhatsappRedditPocketStumbleuponPinterestXingMail