【问题标题】:Javascript, Can I stretch text verticallyJavascript,我可以垂直拉伸文本吗
【发布时间】:2023-03-25 19:58:01
【问题描述】:

我可以在 javascript 中拉伸文本吗?我不希望字体更大,因为这使它看起来比旁边的小文本更粗,我只想垂直拉伸文本,使其有点变形。这将是一个 div id,然后旁边的普通文本将是另一个 div id。有什么想法吗?

谢谢,-马修

注意:我最初在 CSS 部分提出了这个问题,任何人都可以推荐通过将间距设置为负值来进行水平拉伸。

【问题讨论】:

  • 你可以用画布做到这一点,但我不认为用 javascript
  • 你能把你的文字变成图片吗?您可以通过将其放入图像中并调整图像的宽度和高度来创建拉伸错觉。
  • @Rob - 谢谢,我可能需要使用图像并将其变形?
  • @NullRef ,是的,但是一旦您使用它们打印的图像,(硬拷贝)在 mac 和 pc 上会有所不同

标签: javascript


【解决方案1】:

答案是否定的,因为您无法将字体的字形作为图形对象访问。您也许可以使用 HTML5 的 canvas 对象,但尚未得到广泛支持。

【讨论】:

  • 不被广泛支持? Firefox、Chrome、Safari、Opera、IE9、excanvas (IE 6/7/8)
  • @cwolves,当然,在当前版本中,但是您认为有多少 已安装 浏览器支持 HTML5?
  • 嗯,99% 的 FF 安装,每次安装 chrome,99% 的 safari 安装和 excanvas,99% 的 IE 安装(大约 10% 没有,因为这大约是当前的 IE9基地)
【解决方案2】:

也许这个关于cross-browser CSS transforms 的链接会有所帮助?看来您可以指定一个转换矩阵来呈现任何 (?) HTML 元素,并且有用于缩放和倾斜等的内置函数。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-20
    • 2023-03-31
    相关资源
    最近更新 更多