当我们点击下划线复选框时,如何在 jcanvas jquery 中为文本加下划线
how to underline the text in jcanvas jquery, when we click on underline checkbox
我正在创建一种编辑器,当用户在文本区域中输入文本并单击添加文本时,his/her 文本会添加到 canvas。
所以,我需要一个选项,如果用户想在特定文本下划线,他可以这样做,因为 well.Here 我已经为“下划线”选项添加了复选框。我使用 Jcanvas jquery.
完成了此操作
我的html代码是:
<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>
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,
});
}
'text-decoration' 或 HTML Canvas 上下文的文本方法中没有可用的类似方法。您可以将其设置为粗体或斜体(通过 fontStyle 属性)但下划线不可用。
但他们有一个解决方法,explained here。
我正在创建一种编辑器,当用户在文本区域中输入文本并单击添加文本时,his/her 文本会添加到 canvas。 所以,我需要一个选项,如果用户想在特定文本下划线,他可以这样做,因为 well.Here 我已经为“下划线”选项添加了复选框。我使用 Jcanvas jquery.
完成了此操作我的html代码是:
<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>
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,
});
}
'text-decoration' 或 HTML Canvas 上下文的文本方法中没有可用的类似方法。您可以将其设置为粗体或斜体(通过 fontStyle 属性)但下划线不可用。
但他们有一个解决方法,explained here。