2013-05-13 42 views
0

如果你看看我到目前为止所做的事情,它会帮助解释我所追求的事情,因为我很难解释通常的哈哈。 http://logomakr.bugs3.com/HTML5 Javascript:将文字保存到画布上?

在我的绘图应用程序中,我已经实现了向画布添加文本的功能,但是,它并不像记录形状那样在画布上进行记录/保存。当我试图研究它时,它看起来像HTML Canvas文本往往放在画布上而不是它。 我甚至复制一个简单:

var c=document.getElementById("myCanvas"); 
var ctx=c.getContext("2d"); 
ctx.font="30px Arial"; 
ctx.fillText("Hello World",10,50); 

对其进行测试,显示在画布上的所有罚款和花花公子,但很快在绘制时消失的形状,甚至只需按下保存按钮上的文本不上png?

有没有像一个替代方案或方法呢?

(让我知道如果你需要看到的代码,虽然我敢肯定,你的就可以查看源代码的网站)

预先感谢您!

+0

首先尝试解决这两个 未捕获的SyntaxError:意外的标记 alkis 2013-05-13 19:16:40

+0

啊是啊,这是一个脚本免费的服务器会自动添加。所以如果它被上传到普通服务器,它可能不会说错误? – swaistle 2013-05-13 19:32:10

+0

我这么认为,是的。 – alkis 2013-05-13 19:34:00

回答

0

对于绘制的形状(rects,圆形,线条),您使用mouseup事件触发将“tempCanvas”保存到“realCanvas”。

但是对于文本,你根本没有将tempCanvas保存到realCanvas。然后,当您清除tempCanvas以获取其他图纸时,文字会被吹走。也许你可以添加一个[保存文本]按钮,以便用户可以触发将文本的tempCanvas保存为realCanvas。所有的

+0

Ahright谢谢你花时间解释,我会尽力谢谢你! :D – swaistle 2013-05-13 19:41:31

+0

非常感谢你的工作!谢谢你解释我必须做的事! :d – swaistle 2013-05-13 20:20:19