2015-03-05 2 views
1

Je crée un type d'éditeur, où quand un utilisateur entre le texte dans la zone de texte et clique sur ajouter du texte, son texte est ajouté à La toile. Donc, j'ai besoin d'une option qui si l'utilisateur souhaite souligner ce texte particulier, il peut le faire aussi. Ici, j'ai ajouté une case à cocher pour l'option Souligné. Je l'ai fait en utilisant Jcanvas jquery.comment souligner le texte dans jcanvas jquery, quand on clique sur souligner

Mon code html est:

<input type="checkbox" id="Underline" name="Underline" value="">Underline Add text<textarea id="add_text" ></textarea> 
<button onclick="addText()">add text</button> 
<canvas id="maincanvas" width="500" height="400" style="background-color: #FFF;"> </canvas> 

code JavaScript:

function addText(){ 
    var textvalue=document.getElementById("add_text"); 
    var $canvas = $("#maincanvas"); 

    $canvas.drawText({ 
     draggable: true, 
     name: "demo", 
     layer: true, 
     fillStyle: "#000", 
     x: 90, 
     y: 10, 
     text: textvalue, 
    }); 
} 

Répondre

0

Il n'y a pas 'text-decoration' ou similaire disponible dans les méthodes de texte du contexte de toile HTML. Vous pouvez le rendre gras ou oblique (via la propriété fontStyle) mais le soulignement n'est pas disponible.

Mais ils existent une solution de contournement, explained here.