问题标签 [elm]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
833 浏览

elm - 自定义 CSS 属性

我对可以将哪些 css 属性添加到元素感到有些困惑。我看到在Graphics.Element中有宽度、高度、大小等,我可以使用这些函数添加它们,但是如何添加此模块中没有的其他属性?例如,我目前正在寻找某种方式来添加css3-transitions。是否有指定自定义样式属性的功能?


更新:现在可以使用elm-html库添加自定义 css/html 属性。

0 投票
4 回答
19265 浏览

elm - Elm:如何在 HTML 列表中显示字符串列表?

我正在编写一个elm程序,该程序应将其输出格式化为 HTML 列表。我想要的功能,

并输出某种榆树Element,本质上是,

可悲的是,我找不到任何内置函数来执行此操作。也许markdown可以扩展语法以采用类似 Mustache 的模板,

(抱歉,我不确定字符串数组而不是对象数组的正确 Mustache 语法是什么)。

发出原始 HTML 元素也很好。提前致谢!

0 投票
1 回答
117 浏览

webgl - WebGL 视图中断页面

我正在尝试使用Graphics.WebGL,但是每当我向页面添加 webGL 元素时,什么都不会出现,甚至我之前添加的其他非 webGL 元素也不会出现。我正在使用elm-server,它的控制台中也没有任何内容表明有任何问题——只有一个空白页;它似乎默默地失败了。我已经将 webGL 代码换成了一个常规的collage,它确实出现了,所以据我所知,我的任何其他代码都没有任何问题。

这是代码的一些相关部分

buttonSelected.signal 只是跟踪在页面的非 webGL 部分中单击了哪个按钮。frameRateSignal 定义为

信号包装器是

glView time在这一点上,如果我交换collage 500 500 [filled red (rect (50 + x) (50 + x))]东西仍然会出现并以人们期望的方式工作。glView定义为

场景定义为

其中的各个组成部分是

很抱歉发布这么多可能不相关的代码,但我真的不知道从这里去哪里——没有可见的错误消息或任何要追求的东西。

这是完整代码的链接

0 投票
3 回答
1218 浏览

elm - 如何更改 Elm 中链接的颜色?

我在 Elm 中为一个网站创建链接,使用Text.link "https://somewebsite.com" (toText "SomeWebsite"). 我希望能够设置结果文本的颜色。

我已经尝试过Text.link "https://somewebsite.com" (Text.color white <|toText "SomeWebsite")and Text.color white <|Text.link "https://somewebsite.com" (toText "SomeWebsite"),尽管类型签名linkis ,但两者都不起作用link : String -> Text -> Text。这两个片段都可以编译。

我查看了 elm-lang.org 的源代码,其中的链接看起来像是经过了样式设置(它们的颜色似乎与默认的深蓝色不同,并且没有下划线),但没有找到任何解释它是如何在那里完成的。

如何为 Elm 中的链接文本着色?

0 投票
1 回答
236 浏览

elm - if 语句导致类型错误 elm

我想更新 Elm 类型的记录

我可以使用下面的代码来做。

但是,我现在想根据字段的当前值以不同的方式更新记录的字段,所以我尝试这样做

这是一个类型错误,我在下面复制了它。注意类型签名updateCubeData是文件的第 12 行。

如果我消除该if语句,并将函数设置为等于 的内容,then并且else代码按预期编译和运行(如果该块是整个方法)。为什么像我在这里添加一个 if 语句会引入这种类型的错误,我该如何解决它?

0 投票
1 回答
268 浏览

webgl - How can I use a renderbuffer as a texture in Elm's WebGL library

I'm using the Elm WebGL library found here to make webGL graphics for my website. I would like to use certain graphics techniques such as shadow mapping which require the ability to use the results of operations performed on the graphics card; a write to a renderbuffer backed by a texture, if I recall my OpenGL ES terminology correctly, which is then used by the shader which draws to the screen.

Looking in the API provided it doesn't look like doing this is possible, because the only thing in the API that can actually execute/hold the result of a WebGL pipeline/Entity is of type Element.

My question is if it is possible to use techniques like shadow mapping and SSAO which require more than one pass to draw the scene with the standard Elm WebGL library, and how I might accomplish this.

0 投票
2 回答
199 浏览

elm - Elm - 如何根据另一个信号修改一个信号的参数化

如何根据另一个信号参数化一个信号?例如,假设我想根据鼠标的 x 位置修改 fps。类型有:

我怎样才能让 Elm 理解这个伪代码的内容:

显然,lift在这种情况下不起作用。我认为结果会是Signal (Signal Time)(但我对 Elm 还是很陌生)。

谢谢!

0 投票
2 回答
1160 浏览

html - 将 Elm-Element 嵌入到现有的 HTML 项目中

我想在 Elm 中呈现我的文档的一部分,但页面的其余部分已经存在。所以我遵循了这里描述的方法:

Elm HTML/JS 集成

这里的问题是,必须事先知道元素的高度和宽度。但是页面的宽度是动态的,内容的高度会发生变化。

有没有办法至少插入滚动条?

非常感谢


在这里应用第一个修复后是我的最小示例:

http://codepen.io/anon/pen/ghdzl

我什至可以忍受垂直滚动条,但水平滚动条很难看:(


到目前为止,这是我的(最小)代码:

0 投票
1 回答
305 浏览

d3.js - 粉碎:找不到命令(npm)

我正在尝试安装我在 Github 上找到 的Elm-d3连接器。

  • Elm是一种函数响应式编程语言 Evan Czaplicki
  • d3.js是 Michael Bostock 的流行图形元库

Elm-d3使您能够使用 HTML、SVG 和 CSS 创建类型安全、可组合的小部件。D3 充当库的概念基础,以及 Elm 的替代渲染器。


前两个安装说明是:

安装粉碎顺利(虽然我必须使用sudo

但是,安装后我似乎无法引用smash,它将Javascript文件合并为一个。


我认为node.js实际上并没有在任何地方使用,只是由npm. 为什么我安装后找不到smash?

当我尝试运行时,make我得到了相关的错误:

0 投票
2 回答
362 浏览

elm - 在 Elm 中制表符 \t 是什么意思?

我在玩 Elm 并收到以下错误消息:

制表符在 Elm 中是否像在 Python 中一样具有特殊含义?


例如http://share-elm.com/sprout/53d1a38ae4b07afa6f98344d