【问题标题】:add text in canvas like paint在画布中添加文本,如油漆
【发布时间】:2012-06-06 17:23:48
【问题描述】:

我需要实现一个允许用户向我的 html5 cnavas 添加文本的 html5 应用程序。 类似于我们在绘画中的方式。用户将能够修改字母的大小,类型..等

【问题讨论】:

标签: html text canvas html5-canvas


【解决方案1】:

查看此链接,这可能是您需要的:http://h4ckcod3r.in/html5app/

这是我在 html5 画布中制作的第一批东西之一。您可以查看源代码,它非常不言自明。

这是一个简单的绘画应用程序,您应该也可以修改它以添加文本功能。

这样做的逻辑应该是每次用户更改字体、字体大小、类型、文本宽度等时都应该重画画布。我想你知道fillTextstrokeText 选项。

【讨论】:

  • 我只需要写文字,不需要画线。但这是一个很酷的应用程序。
  • 是的,这要简单得多,只需在每次获取所需参数(x、y、填充/描边、大小)等时重新绘制画布
  • & 请查看此页面中的各种文本选项:html5canvastutorials.com/tutorials/html5-canvas-text-font-size
【解决方案2】:

我建议看一下 html2Canvas,它会读取页面(或元素)样式并将它们呈现到画布上。它不是 100% 完美,但效果很好。

Check out some of the examples 例如this one(单击以在文本和呈现的画布之间循环),这非常接近您想要做的事情。这至少应该让你走上正确的道路。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-04
    • 1970-01-01
    • 2013-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多