I have been searching to draw cloud shape while mouse drag using Fabric Js. My idea is not to be like free drawing. Can anyone suggest how to draw cloud shape over canvas using fabric js mouse move up and down events?
Related
I want to develop an invitation card maker app in flutter so the issue is that I don't know what kind of data I will need to import from the backend to make my cards editable. i have designed cards in photoshop but I don't know how to make them editable in a mobile app. if anyone has a suggestion please give me your suggestions
I'm glad to be able to help you.
In those cases you do the following:
Receive image to edit.
Use external library made to edit photos (https://pub.dev/packages/image_editor_pro)
Send edited image to the backend and replace the old one.
Hi all I am very happy that I finally found the solution.
So we have to first import the background image from API and load text data on it then we can use flutter packages to edit those texts.
But there is one thing you need to do before you import designs to the mobile app. You will need to have a perfect pixel size of font and background otherwise it will be overlapped.
I have images with dimensions of 3000*5000 so I have used aspect ratio for the responsiveness in every device.
And I have used Figma to design cards so we can get all CSS very fast for every line of text and then I am converting it to JSON using CSS to js converter and js to JSON converters.
like this web: placehold.it
I wanna realize this web by Node.js (parse the url then draw the pic).
Before this, I knew can use node-canvas to draw pictures in Node.js.
But I wanna know can I realize this just by Node.js?
I believe these statement are true:
1) All Universal Apps Work As Holograms
2) Universal Apps can be built using HTML/JS
Does this mean I can build a holographic universal app using web technologies? For example a holographic visualizations dashboard in D3.js?
It's still too early to say definitively, but here is some info I could find.
UPDATE: There is now a library called HoloJS which allows devs to write apps in html.
First your assumptions 1 and 2 are correct. There are ways to build UWP (Universal Windows Platform) apps in javascript/html. This means you could write a UWP JS app which can run webgl in a 2D window placed somewhere in your environment. You could also run your app on Microsoft Edge.
So if all you want to do is display a 2D dashboard in a 3D room, yes it looks very possible. If you want the application to render 3D objects all around the user, there are some problems you will need to work around.
Quoted from https://forums.hololens.com/discussion/80/is-it-possible-to-use-webgl-with-hololens-repost#latest:
"Holographic apps are powered by the same graphics stack as the rest of the Windows 10 ecosystem. That means that just like the Xbox and Win32 games, apps for HoloLens are built on top of DirectX."
So you're kind of stuck with either Unity or DirectX if you want 3D visualizations that surround the user. BUT there could be a way...
A user at the bottom of this page http://forums.hololens.com/discussion/80/is-it-possible-to-use-webgl-with-hololens-repost said:
"That is interesting idea. If I understand correctly, you are trying to hook your Edge browser with your HoloLens and project 3D graphics with WebGL on your Edge browser based on the REST APIs available from HoloLens"
So, you could perhaps fullscreen your app or find some way to ensure it is in front of your user's face and then use a server to direct API calls from the hololens to your web-app in order to transform your geometry around the user.
It might be worth it to look into integrating D3 visualizations inside a threejs app if you want the holographic visualizations. https://www.youtube.com/watch?v=bWjn1N4SJsk
If you just want a 2D screen in the environment then develop as normal and use Edge inside the hololens.
I am trying to use vuforia framework (https://developer.vuforia.com/library/all-articles) to do a simple image recognition task via cloud. My question is that is it possible to take an image from camera and search it in vuforia cloud (without realtime frame processing - AR) ? They have very limited documentation and could not find any relevant information regarding this.
Vuforia now allows us to upload objects into the target manager, whether it is an image or cylinder/box, or even a multiple dimension object.
Upload these into Vuforia Database (Database should be for cloud reco. If not, create a new database for it) and get the Client Keys.
Now you can import the Cloud reco prefab and add a text on top to augment.
Hope this helped. :)
I have a service that uses Winding2 font to draw an image. When I deploy it to Azure the characters are still drawn but just not in the correct font. I think they are getting converted to Arial. My question is, can I uses fonts like Windings2 on Azure web service instance? How could I possibly know what other fonts are not supported.
Thank You!
Yes, you can. You just need to install the font using a script in start up task.
You can refer to this post here