Intereting Posts
ojAlgo – проблема оптимизации с непрерывной логикой блока? Wicket NumberTextField в Kotlin бросает ClassCastException при отправке Kotlin Coroutines – правильный путь в Android Как использовать MapBuilder в kotlin и добавить все значения? Как сделать вывод типа Котлин из отражения KClass? Каков правильный способ развёртки и обработчиков маршрутов Ktor для типичной реализации REST? Android Studio не удалось с Kotlin Тестирование бесконечного интервала RxJava попробуйте makeSceneTransitionAnimation в котлин Почему в Котлине правильны оба окна box1 и val box2? Лучшая практика для преобразования java-кода, используемого для копирования файлов с файлами в кеш-папку в Android на Kotlin Kotlin Coroutines: Нужно ли синхронизировать общее состояние? Разница между классом и объектом в Котлине Могу ли я использовать сторонние java-библиотеки (.jar) для разработки Android с Kotlin? Как передать значения из активности в другую деятельность в котлин

Использование стандартных элементов HTML в KotlinJS безопасно напечатано

Я пытаюсь динамически создать образ, который я затем добавлю в DOM.

import org.w3c.dom.HTMLImageElement fun main(args: Array<String>) { // load footer banner image val img: HTMLImageElement = HTMLImageElement() with (img){ src = "img/footer.png" classList.add("img-responsive") } } 

Тем не менее, он не нравится мой конструктор HTMLImageElement() поскольку HTMLImageElement является интерфейсом.

Удаление конструктора и Kotlin жалуется, что img должен быть инициализирован.

Каков правильный способ использования HTMLImageElement безопасным типом?

Обновление : теперь я использую maven, который генерирует все, что нужно.

 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.blah</groupId> <artifactId>blah</artifactId> <packaging>jar</packaging> <version>1.0.0</version> <name>Blah</name> <properties> <kotlin.version>1.0.2</kotlin.version> <kotlin.html.version>0.5.8</kotlin.html.version> </properties> <repositories> <repository> <id>bintray-kotlinx</id> <name>bintray</name> <url>http://dl.bintray.com/kotlinx/kotlinx</url> </repository> </repositories> <dependencies> <dependency> <groupId>org.jetbrains.kotlinx</groupId> <artifactId>kotlinx.html.js</artifactId> <version>${kotlin.html.version}</version> </dependency> </dependencies> </project> 

который компилирует blah.js , blah.js.map , blah.js.meta , kotlin.js , kotlinx.html.js , kotlinx.html.meta.js , kotlinx.html.shared.js , kotlinx.html.shared.meta.js и stdlib.meta.js .

В моем html-файле (который находится в моем корневом каталоге) я включаю следующее:

 <script type="text/javascript" src="js/jquery-1.12.4.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="target/classes/kotlin.js"></script> <script type="text/javascript" src="target/classes/kotlinx.html.shared.js"></script> <script type="text/javascript" src="target/classes/blah.js"></script> 

У меня есть println("hello world") в моем Main.kt который отлично работает в браузере, который печатает «hello world» в консоли browswer.

Теперь я все еще хочу добавить это изображение динамически с помощью Kotlin …

Документы говорят, что я должен делать document.create.div("panel") для создания div , но document.create... createAttribute для createAttribute , createComment т. Д., Без метода create() в любом месте. (документ из пакета «kotlin.browser»).

Я не совсем уверен, как использовать kotlinx.html поскольку то, что я вижу в IntelliJ, не соответствует документам.

Как добавить динамически созданный образ в существующий div с помощью KotlinJS?

Я просто пишу пример проекта с kotlin2js и kotlinx.html IRus / kotlin-kotlinx.html . Похоже, текущая версия kotlinx.html (0.5.8) несовместима с Kotlin 1.0.2, но хорошо работает с kotlin 1.0.1-2.