Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal estou tentando fazer um trabalho similar a este da imagem, onde vou selecionar uma área e digitar um texto sobre uma imagem, depois exibir a imagem com o texto que foi escrito. Porém não tem ideia como irei fazer isso, qual biblioteca usar. Estamos trabalhando com JavaScript. Desde já agradeço a atenção de todos.
Depende muito se na exibições em telas diferentes esta forma que você falou se adequar sem sair da posição do balão, acho que poderia serviria, mas se não teria que fazer o texto se mesclar na imagem se tornando uma apenas.
Seria mais fácil ter uma imagem já pronta com o balão em branco, sem nada escrito dentro dele. Então usaria essa imagem e na posição do balão faria o código para escrever o texto dentro. Ou teria várias imagens, com textos diferentes dentro do balão, e com o código, selecionaria a ordem que cada imagem deve aparecer.
Esta ultima opção não seria interessante, eu teria um volume muito alto de arquivo. Esta Primeira opção é melhor recomendada, mas como faria isto? Canvas? tenho que manter a responsividade e o testo não pode ficar flutuando em uma área que não foi definida.
>
22 horas atrás, marsolim disse:
tu quer gerar a imagem desse jeito ou vai ter a imagem ao fundo e o texto na frente sem fazer parte da imagem? sendo a segunda opção tu pode usar css pra isso manipulando position, top, left e margins.
Ele disse que isso pode ser feito utilizando o CSS: Eu nunca tentei fazer isso, mas achei a sintaxe:
https://www.w3schools.com/css/css_positioning.asp
https://www.w3schools.com/cssref/pr_margin-top.asp
Valeu Ana, vou dar um olhada!
tu quer gerar a imagem desse jeito ou vai ter a imagem ao fundo e o texto na frente sem fazer parte da imagem? sendo a segunda opção tu pode usar css pra isso manipulando position, top, left e margins.