Qt for WebAssembly

You should check what is happening using FontLoader's status

@MeatBerry Hello. How did you do it? Could you explain the steps below?

Drag and drop has never worked very well in QtWebAssembly. But it is working in 6.6.0beta1 single threaded release. You need to use asyncify though: https://doc.qt.io/qt-6/wasm.html#asyncify Good news is, you no longer have to rebuild Qt to get asyncify, you just need to add a linker argument. cmake: target_link_options(<target> PUBLIC -sASYNCIFY -Os) qmake: QMAKE_LFLAGS += -sASYNCIFY -Os

@Marko-Stanke The issue was that I was missing the import path since in WebAssembly the pathing is a bit different. Adding: engine.addImportPath("qrc:/"); solved the issue.

@Gilboonet Nowhere did I criticize you at any point. Not once. Just tried to help. Politely, unlike your reponse. Since you have expressed your opinion of my time and efforts in trying to help you, could you now please get off my case and stop putting in my name in your posts to express how dissatisfied you are with my unpaid efforts to aid you. Thanks.

@SGaist said in Qt WebAssembly Widget Buttons not responding: Depending on what you need these files for, you can use Qt's resource system. I think this is the best approach. Other way is using QNetworkAccessManager to download the image, this has the benefit that you can download images from external websites as well, something like: QNetworkAccessManager *manager = new QNetworkAccessManager(this); QNetworkReply *reply = manager->get(QNetworkRequest(QUrl("https://domain/image_url.jpg"))); connect(manager, &QNetworkAccessManager::finished, [&](QNetworkReply *reply){ qWarning() << "replyFinished"; QPixmap *image = new QPixmap(this); image->loadFromData(reply->readAll()); ui->label->setPixmap(QPixmap(*image)); }); connect(reply, &QIODevice::readyRead, [](){qWarning() << "reply";}); connect(reply, &QNetworkReply::errorOccurred, [](){qWarning() << "errorOccurred";});

I changed the rotation keyboard shortcut to / to rotate left and * to rotate right Alt for 15° rotation Ctrl for 5° rotation Ctrl and Shift for 1° rotation It works fine like that both on Desktop version and Web Assembly version. I read about gesture but didn't understand how it works so for the moment I will only use keyboard shortcuts.

When I run it and check the browsers console output, I see the message: "Shadows are not yet supported for OpenGL ES2"

@pgmQt WebAssmebly uses the browsers ssl stack. Just feed to https:// url

@mirro I have not used WebAssembly. The following is my understanding. You can only access the webassembly page via the JavaScript DOM. Qt QWebChannel lets you do that. I ask again, and will not repeat further: What are you actually trying to achieve with "How to pass parameters between webassembly for qt and htm5?"? Maybe you do not want a full webassembly application but instead just a QWebEnginePage, I don't know.

For one, you need to use the correct emscripten version for Qt version, as detailed in: https://doc.qt.io/qt-5/wasm.html#install-emscripten or https://doc.qt.io/qt-6/wasm.html#installing-emscripten

@JonB Hi~,How does the qmake command set the path to D:\emsdk\em++?

Here is the same code compiled with Qt 6.4.3 and emsdk 3.1.14: http://bombmining.surge.sh/ This runs on Safari and iOS fine - and from the looks of it there have been a number of changes in the HTML, and perhaps elsewhere too between this version Qt 6.4.3 emsdk 3.1.14 and the Qt 6.5 emsdk 3.1.25 version that isn't running on iOS and Safari Any help would be greatly appreciated, Thanks!

To be safe, Emscripten 3.1.25 will work, but you could also use latest, but know that one has not been extensively tested with Qt.

@lorn-potter android