我的项目要求能够在画布上插入文本,用户可以指定文本是左冲、右冲还是以指定的边框居中。我正在使用fabric.js并设置textAlign的值,但它并不像我预期的那样工作。我指定的x位置总是文本的左边边缘。如果我将textAlign设置为“中间”,并有多行文本,那么它们确实是相对的,但它们不是在边框中居中;相反,我指定的X位置始终是最长行的左边沿。
设置元素的代码如下:
var text = new fabric.Text(this.getText(), {
hasControls: false,
selectable: false,
fontSize: this.getPoi
所以我想让字体图标和文本对齐,这样图标就会留在左边,所有的文本都会放在右边。请看一下what I have和I what I want to do。 用我的,你可以看到第二行一直回到左边。图标位于上方的位置。 这是我目前所拥有的代码: <!DOCTYPE html>
<html lang="en">
<head>
<!-- Place your kit's code here -->
<script src="https://kit.fontawesome.com/74e8323267.js
第二个图像显示页面加载时的图标,但当我触发一个函数来更改左边的文本时,图标在第一个图像中的样子与那个小下划线类似。我完全不知道为什么。“a”标记从60x29更改为60.28x29,当左边的文本发生变化时,图标将保持60x60。任何帮助都很感激。
<div class="title" id='title'>This text changes on click and it works fine
<a href="https://icon.com" target=_blank>
<img sr
我正在尝试设计一个由左边的文本和右边的action元素组成的列表条目。如果文本运行时间超过可用空格文本,则应使用省略号替换。
- This is a list entry with text that is… [>]
如果将鼠标悬停在列表条目上,将显示更多操作元素,如下所示:
- This is a list entry with text tha… [x] [>]
我更喜欢只使用CSS的解决方案,而不是依赖于JS。
这就是我想出的,但不知何故,我感觉我错过了什么。
肯定有更直截了当的方法。你能帮上忙吗?