如何将文本转换为图像然后垂直旋转

Question

有人知道如何将文本转换为图像并垂直旋转的最佳方法吗？ 或者你有代码如何做到这一点？

任何网络编程语言都可以（PHP，Javascript等）

我用php和javascript编写程序，我让人们在文本输入中键入他们的名字，然后将其转换为图像，并且该图像将被旋转。

希望此信息有所帮助。

Answer 1

您熟悉PHP中的GD库吗？

GD Documentation

Answer 2

使用GD库的PHP可以做到这一点。 imagettftext()函数会向图像添加文本，imagerotate()函数可以将其旋转任意角度。

Answer 3

您可以使用 HTML5 ， CSS3 ，当然还有 Javascript 在客户端进行此操作。

1. 您可以先在<canvas>上绘制文字，图片，视频和任何内容。
2. 然后您可以使用this api， canvas2image ，并将其转换为dataurl（base64）。
3. a）最后将其设为<img>并在其上应用 CSS3 ：
   　-webkit-transform:rotateY(45deg);　＆lt; - 对于Webkit浏览器
   　-moz-transform:rotateY(45deg);　＆lt; - 对于Firefox
   　-o-transform:rotateY(45deg);　＆lt; - 对于Opera来说 　-ms-transform:rotateY(45deg);　＆lt; - 如果存在，则不确定 　transform:rotateY(45deg);　＆lt; - 原件
   b）或者，如果您愿意，可以在 <canvas> 的step #2中进行轮播。

详细了解MDN Canvas Tutorial上的<canvas>代码 HTML5和Javascript部分是 IE9-safe 。 ：d

Answer 4

您可能希望在CodeProject上阅读我的文章：网页中的垂直标签 - http://www.codeproject.com/KB/custom-controls/VerticalLabel.aspx

无论您在网页中还是在位图对象中需要它，您都可以在那里找到解决方案。