如何在Elm中获取svg文本的长度
在Elm中获取SVG文本的长度可以通过以下步骤实现：
- 首先，确保你已经安装了Elm的SVG库。可以在项目的elm.json文件中添加"elm/svg"依赖项，并运行elm install命令来安装。
- 在你的Elm代码中，导入Svg和Svg.Attributes模块，以便使用SVG相关的函数和属性。
import Svg exposing (svg, text)
import Svg.Attributes exposing (width, height)- 创建一个包含SVG文本的SVG元素，并设置相应的属性，如宽度和高度。
svg [ width "500px", height "200px" ]
[ text [ ] "Hello, SVG!" ]- 使用Elm的Html库将SVG元素渲染到页面上。
import Html exposing (Html)
import Html exposing (div)
import Html exposing (program)
view : Html msg
view =
div []
[ svg [ width "500px", height "200px" ]
[ text [ ] "Hello, SVG!" ]
]
main =
program { view = view, init = init, update = update, subscriptions = subscriptions }- 在浏览器中打开你的应用程序，你将看到一个包含SVG文本的SVG元素。
以上是在Elm中获取SVG文本长度的基本步骤。如果你需要更复杂的操作，比如获取SVG文本的实际像素长度，你可能需要使用JavaScript的Interop来实现。在Elm中，你可以使用Elm的JavaScript Interop功能，通过编写JavaScript代码来获取SVG文本的长度，并将结果传递给Elm代码进行处理。
希望这些信息对你有所帮助！如果你需要更多关于Elm或其他云计算领域的问题，请随时提问。
相关·内容
1回答
有没有办法在Elm中获得一段Svg文本的长度？我使用函数构造文本，但是需要知道它的大小，这样才能定位其他元素。我要寻找的函数类型如下所示
getLength : Svg.Svg msg -> Int
浏览 15提问于2018-02-28得票数 1
回答已采纳
我想做什么-以下是代码3 times<p>
<div style="position: relative; display: bloc
浏览 0提问于2021-02-12得票数 2
回答已采纳
假设我想基于页面的元素和内容结构实现自动字体请求优化，我如何使用PHPs DomDocument获取所需的信息？但是，内容结构有所不同:示例1中的所有文本都是斜体，但示例2中既有普通文本又有斜体文本。我目前获取元素结构的方法是这样的：foreach ($dom->getElementsByTagName('p') as $<
浏览 6提问于2016-07-09得票数 1
回答已采纳
我想从另一个页面中获取元素的innerHTML。我知道用jQuery(用$load)解决这个问题的方法，但是我想使用纯Javascript。
浏览 0提问于2019-06-27得票数 0
回答已采纳
1回答
我遇到了一个残疾的摔倒。我正在尝试从下拉列表中获取选定的值。我想知道在下拉列表中选择了什么值。datamap_dropdown_value = datamapdropdown_value.first_selected_option()该方法的实现是
浏览 3提问于2015-10-06得票数 2
回答已采纳
1回答
我正在编写一些Elm代码来渲染SVG (我是一个菜鸟)。下面列出了相关的视图代码(注意，其他代码中有onClick消息)。我现在要做的就是划一条直线，看看它是如何工作的。当我运行包含此视图的elm代码时，def不会绘制svg图形。如果“像素模型”使用线条大小写，则会绘制按钮，并绘制模型的文本字符串，但没有绘制直线。如果“像素模型”使用rect大小写，则整个浏览器选项卡为空白/白色(未呈现按钮或文本<
浏览 1提问于2016-10-26得票数 1
回答已采纳
在我在互联网上看到的大约一半svg示例中，代码被包装在简单的<svg></svg>标记中。在另一半中，svg标记有许多复杂的属性，如下所示： xmlns="http://www.w3.org/2000/svg"
浏览 13提问于2013-08-27得票数 291
回答已采纳
如何在内联svg文本中添加两个单词的名称font-family (如'Open Sans')？ <text font-size='24' fill='#000' font-family='Open+Sans'>MENU</tex
浏览 1提问于2017-07-27得票数 1
回答已采纳
我使用Python中的cElementTree模块获取XML树的文本子元素，使用text属性。但是，它似乎只适用于直接的文本孩子(见下文)。.>>> root = ET.XML('<root><elm key="value">Some text</elm</e
浏览 3提问于2015-12-12得票数 4
回答已采纳
我正在尝试获取SVG文本元素笔画的路径长度，并在我的控制台中得到一个path.getTotalLength is not a function错误。看起来这跟从SVG1到SVG2的转变有关吗？这是正确的吗？
浏览 1提问于2017-04-04得票数 0
回答已采纳
text-anchor="start|end"> <tspan>Sub</tspan>我想将tspan元素相对于周围text元素的宽度对齐我知道，通过在text-anchor="middle"上或在两个tspan上设置text是可能的，但我不能这样做，因为text元素是饼形图标签，位于弧外(用2.2 * arc centroid计算的
浏览 2提问于2019-12-07得票数 1
回答已采纳
我在Tizen watch的输入框上设置了文本，但由于它太大而无法显示在屏幕上，我使用带有<font_size>属性的较小字体。但在编辑之后，当我得到文本时，它也会返回这些属性。我曾想过使用字符串操作来删除那些html标记/ elm属性。但编辑后，输入框将在这些榆树属性后添加这些添加的文本。</font_size>");将返回相同的文本，包括elm_object_
浏览 14提问于2020-04-21得票数 1
回答已采纳
2回答
我正在尝试提取电子邮件地址文本，但遇到了困难。我怎样才能收到电子邮件？我的代码： #importing libraries
import requests
email_elmclass="icon" ari
浏览 12提问于2020-06-29得票数 0
回答已采纳
1回答
我在矩形中添加了一个D3文本，其中文本字段的值是以编程方式更新的。现在，我需要根据文本值长度展开宽度，但确保将默认宽度保持为最小宽度。我尝试获得新的value.length并更新d3文本宽度，如下所示。var length = //length of the updated text valueel
浏览 2提问于2016-10-26得票数 1
回答已采纳
3回答
/a.out < file)获取数字，并将它们存储在一个数组中。这个想法是数组的长度是未知的。#include <stdio.h>int* elm= malloc(sizeof(int)); exit(-1);return elm;
浏览 1提问于2015-09-28得票数 1
1回答
基于数组创建多跨
、、、、
我有一个看起来像这样的数组：我需要数组的值，所以我使用explode来获取它们：然后，我想将每个项目回显到一个span中，因此我创建了一个数组：foreach($html->find($q[0]) as $a) {}
}
浏览 3提问于2014-05-06得票数 1
回答已采纳
良好的时间论坛用户。请告诉我如何根据字体参数(大小、类型、样式)获得元素的大小。let tagText = document.createElementNS("http://www.w3.org/2000/svg", "text");console.log('width title: ', widthTitle);
浏览 0提问于2019-03-29得票数 1
回答已采纳
2回答
我的头撞在墙上，这可能是我错过的很简单的东西。我有一个HTML无序列表(ul)，如下所示： <li>Elm 1</li> <ul> <li>Another Elm</li>
<&#
浏览 1提问于2018-12-07得票数 1
回答已采纳
边框属性不适用于SVG文本。我不想使用outline属性，因为它不支持在不同的侧面提供不同的颜色，我也不想使用额外的svg元素，如rect或path，因为这会使我的任务整体上更加复杂。请指导我如何在SVG文本元素上应用边框css。 <style> border: 1px solid green; <&
浏览 0提问于2020-02-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
