如何使图像渲染 Elm？

Question

如何在 Elm 视图中渲染图像？

这是我的代码：

view : Model -> Html Msg
view model =
    div []
        [ img [src "https://cameras.liveviewtech.com/img/LVLogo_small.png"] []
        , input [ onInput ChangeUserInput ] []
        , button [ onClick ClearText ] [ text "Clear" ]
        , button [ onClick SaveText ] [ text "Save" ]
        , div [] (List.map rowItem model.textToDisplay)
        ]

我收到错误代码

我找不到 "img" 变量： 和 我找不到 "src" 变量：。

如何使图像显示？我做错了什么？

这是我的导入：

module Main exposing (main)    
import Browser
import Html exposing (Html, button, div, h1, input, text)
import Html.Events exposing (onClick, onInput)

Answer 1

import Browser
import Html exposing (Html, button, div, h1, input, text)
import Html.Events exposing (onClick, onInput)

您似乎已经知道如何导入表示单个 html 元素的函数，因此要解决 img 的问题，只需将其添加到 Html 的公开导入列表中即可.至于src，和所有表示HTML属性的函数一样，这个来自Html.Attributes.

所以只需将上面的内容更改为：

import Browser
import Html exposing (Html, button, div, h1, img, input, text)
import Html.Events exposing (onClick, onInput)
import Html.Attributes exposing (src)

如何使图像渲染 Elm？

How to make image render Elm?

html

elm