Как сделать так, чтобы изображение отображалось вязами? - PullRequest
Новая
       5

Как сделать так, чтобы изображение отображалось вязами?

0 голосов
/ 16 марта 2020

Как мне сделать изображение в представлении вяза?

Вот мой код: 

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": и Я не могу найти переменную "sr c": .

Как мне сделать отображение изображения? Что я делаю не так?

Вот мой импорт: 

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

1 Ответ

3 голосов
/ 16 марта 2020 
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)
...