繁体   English   中英

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

[英]How to convert a text into image and then rotate it vertically

有人知道如何将文本转换为图像并垂直旋转图像的最佳方法吗? 还是您有关于如何执行此操作的代码?

任何网络编程语言都可以(PHP,Javascript等)。

我用php和javascript编写了一个程序,让人们在文本输入中键入他们的名字,它将被转换为图像,并且该图像将被旋转。

希望此信息对您有所帮助。

您熟悉PHP中的GD库吗?

GD文档

带有GD库的PHP可以做到这一点。 imagettftext()函数将文本添加到图像,而imagerotate()函数可将其旋转任意角度。

您可以在客户端使用HTML5CSS3Javascript来实现

  1. 您可以先在<canvas>上绘制文本,图像,视频或任何想要的东西。
  2. 然后,您可以使用此apicanvas2image并将其转换为dataurl(base64)。
  3. a)最后将其放置为<img>并在其上应用一些CSS3
    -webkit-transform:rotateY(45deg); <-对于Webkit浏览器
    -moz-transform:rotateY(45deg); <-对于Firefox
    -o-transform:rotateY(45deg); <-对于歌剧
    -ms-transform:rotateY(45deg); <-不确定是否存在
    transform:rotateY(45deg); <-原始
    b)或者您可以根据需要在step #2<canvas>中旋转它。

MDN Canvas教程上了解有关<canvas>标记的更多信息。
HTML5和Javascript部分是IE9安全的 :D

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM