how to write a mathematical equation in ionic 5? - ionic-framework

I want to write mathematical equations in ionic with code not by inserting images, I've tried using mathjax but it doesn't appear, then I tried with html tags and it works for simple equations, but for more complex equations I feel it is less efficient

I have an Ionic app with complex equations using KaTex. Specifically with ng-katex https://www.npmjs.com/package/ng-katex

Related

How can I simulate a Geometric PDF with Matlab without using "geopdf"?

I am trying to simulate a geometric pdf just using code with matlab, however I do not want to use the instruction "geopdf". Could anyone help me with the code? Thank you!

How can I make UI for matrices in flutter

I'm developing a mathematical app in Flutter which will solve mathematics problems like matrices, equations etc. I'm getting issues in the UI.
How can I make this UI for matrices in Flutter.
Thanks in advance.
Look into gridview: https://api.flutter.dev/flutter/widgets/GridView-class.html
As for the parentheses, here are some packages for math symbols:
https://pub.dev/packages/catex
https://pub.dev/packages/math_keyboard
Or just use text widgets with some parantheses inside

Raspberry pi cam picture scaling and offset problems

I have a question on the Raspberry Pi cam. I am using openCV on a raspberry Pi 2 to make a line-follower for a robot.
Basically the idea is to find the direction of a line in the image using derivatives and color segmentation.
However, I'm found some strange behaviour when I compare the results on an ordinary PC webcamera and the picam. The algorithm works well on the PC webcam, and the direction indicator sits spot on the line. On the picam there is a strange scale and offset which I don't understand.
On both platforms I have tried both the cap.set(CV_CAP_PROP_FRAME_WIDTH/HEIGHT) to rescale the image, as well as the resize function. Both of them still produce the strange offset. I use the circle(...) and line(...) methods in openCV to overlay the line and circles on the captured image.
Could anyone help to explain this behaviour? See the links below for a visual caption.
picam
webcam
Regards
I couldn't add the pictures directly because of the policies of Stackexchange, so had to provide links instead.
I eventually discovered the solution to the problem, and it involved changing the order of the taps of a derivative filter for the Windows and Linux versions of the program. Exactely why this is the case is a mystery to me, and may involve differences in compiler optimization (Visual Studio 13 vs g++ 4.6.3), or maybe a silly error on my part.
On the the PC I use {1 0 -1} filter taps, on the RP2 I have to use {-1 0 1} instead.
The filter runs on a S8 (-127..127) image, so there is no issue of a wraparound.
At any rate, I consider the issue closed.

Matlab GUI: how to add docked figure group?

I would like to be able to add a figure container to a matlab gui...
In core matlab, with a docked window style you can have a large number of plots stacked one behind the other, all within a figure container with a tabbed list along the side of the container that you can simply click to bring a particular figure to the front.
Is there a way to have this sort of figure container in a matlab gui?
Use Ben Tordoff's GUI Layout Toolbox. It contains functionality for tabbed panels and dockable/undockable panels that can contain figures, and many other capabilities that you'll find very useful if you are creating GUIs in MATLAB.
You will need to organize your GUI code slightly differently, but it's not hard to learn and there are great examples in the documentation.
It's not really possible to do what you're describing with just regular MATLAB: figures will just dock into the main MATLAB desktop, not into your GUI specifically. The best way (without GUI Layout Toolbox) would probably be to fake a row of tabs using buttons next to each other, with callbacks on the buttons that deleted/hid one plot and drew/revealed another. There is a function uitab that does tabs, but before R2014b it's undocumented, and it's a bit of a pain anyway. Better all round to use GUI Layout Toolbox.
If you're open to play around with undocumented features, this can be done using the java objects behind the matlab figures, e.g. using a little tool from the fileexchange.
This will create a new dock group, just like MATLAB's container for figures, editor etc.

How can I reproduce Apple's iOS Tint-Color Formula for Toolbar/Button gradients?

We're looking to reproduce the way Apple applies a tint-color to their controls. We're developing a web-based product and thus have to reproduce the formula/application of the color ourselves.
Our analysis shows that its non-trivial and at the very least non-linear since some colors reproduce entirely different hues.
The prefect answer would include a formula and/or an explanation of how to calculate the gradients for the toolbar as well as the buttons on the toolbar given a Tint Color.
Take a look at the Photoshop UI Mockup design file provided by Teehan & Lax. They've implemented a lot of the Apple stuff using Photoshop standard layer effects, so you can resize them as vector graphics and re-tint them to suit your needs.