How to convert jpg or png to svg in iOS? - ios

I like to convert an .jpg or .png file to an .svg format that can be displayed in UIImageView. Is there a way to do this in Objective-C?

You shouldn't use SVG images in Xcode:
it is recommended that you use PNG or JPEG files for most images in your app. Image objects are optimized for reading and displaying both formats, and those formats offer better performance than most other image formats. Because the PNG format is lossless, it is especially recommended for the images you use in your app’s interface.
Also, there's an SVGKit that according to many devs is buggy so use it at your own risk.
SVG is an XML-based vector and in Xcode you can also use vectors but using a PDF format and follow this tutorial.
In a nutshell:
Generate PDFs With the #1x Asset (During compile time it will generate #2 and #3)
Set the Scale Factors to Single Vector:
Drag and Drop Your PDF Into the All, Universal Section
Refer to Your Image by Its Name, Like for any PNG File
[UIImage imageNamed:#”Home”]
Also, stackoverflow (perhaps) related answer

To convert PNG to SVG (Which is a very sensible and valid thing to do) you need an app or library called a "tracer". It will trace the outlines of shapes, gradients, etc and convert them into vector representations.
For simple cases, this is easy for a computer to do; for complex cases (e.g. gradients), this is a very hard AI / Computer-Vision problem and you'd need to spend $$$ on high-end coding solutions and/or find PhD-level research that solves the problem!
A free tracer that does a very good job is built-in to Inkscape (open-source) - google "inkscape trace" for tutorials on how to use it, and to generate a .svg file that you can use. This is a manual process.
To use this in-app, you need to find a tracing library for iOS. The libraries that Inkscape uses are all open-source, so you could try converting them to iOS - they're written in C, so it could be quite easy.

Related

How to transform a ID3D11Texture2D into any picture format

I have a ID3D11Texture2D and want to write it to disk using literally any picture format (png, bmp, jpeg, ...).
I have already tried to read the docs https://learn.microsoft.com/en-us/windows/win32/api/d3d11/nn-d3d11-id3d11texture2d, which are less than helpful, and i have found an NVIDIA tutorial of how to take individual ID3D11Texture2D and convert them into a video: https://github.com/NVIDIA/video-sdk-samples/tree/master/nvEncDXGIOutputDuplicationSample
However, I dont find anything how to simply write it to disk in any format. I'm sure I'm missing something obvious, any hint would be appreciated.
To experiment, I used https://github.com/NVIDIA/video-sdk-samples/tree/master/nvEncDXGIOutputDuplicationSample, set the frames to capture to 1, and try to write the ID3D11Texture2D to file before encoding to video.
I have a solution for exactly this in the ScreenGrab module which captures a texture (if not already in Map-supporting memory), and then writes it out as a picture using WIC. It handles some edge-cases like "typeless" resources and MSAA as well.
The 'standalone' version is on GitHub here as part of the DirectXTex package:
https://github.com/microsoft/DirectXTex/blob/main/ScreenGrab/ScreenGrab11.h
https://github.com/microsoft/DirectXTex/blob/main/ScreenGrab/ScreenGrab11.cpp
Documentation is here.
ScreenGrab is also included in the DirectX Tool Kit for DX11 and DX12. There's also a basic DX9 version in the DirectXTex package as well.
ScreenGrab can write to any file container supported by WIC. It also has buit-in support for writing DDS files directly without using WIC.
In addition to using ScreenGrab (which is intended as a light-weight screenshot solution), you can also use the DirectTex library to capture a texture and then save it to DDS, HDR, TGA, or any WIC-supported file format.

Looking for a way to create compressed png files in lua/luajit

I'm writing a mod for a game that uses lua/luajit as a scripting language and I would like to create a png file dynamically using lua. I've been googling for a png library/module but could only find ones that merely read pngs (like https://github.com/Didericis/png-lua or https://luapower.com/libpng), or create uncompressed pngs: https://github.com/wyozi/lua-pngencoder
On my search I have stumbled upon libpng and thought, maybe I could simply load that dll using ffi and use the functions that way. But the problem is that is waaaay too complicated for me, since I'm not familiar with C and furthermore libpng seems to be a huuuuuge complicated library.
So, is there any simple way (module/library) that I missed and didn't find on google?
I just need very simple functionality, create a png, set the pixels, save it as a compressed png file.

Extract bezier paths from a png

I want to extract bezier paths from a png like this.
sample image
potrace doesn't support reading PNG files natively. You'd need to convert PNG images to another supported format first. http://potrace.sourceforge.net/faq.html#formats
However potrace is licensed under the GPL so while it does compile for iOS you may not want to use it as part of an app. Is it possible to compile potrace for iOS? There is a non-GPL version of potrace available, but it isn't free.
Depending on the complexity of the PNG images you want to convert, you may get less than ideal results anyway.
If you update your question with more detail about what you are trying to achieve it might be possible to give a better answer.

pdf assets for xcode from psd with vector layers (or layer groups)

Subj. I have a bunch of psd files with vector layers, which are purposed to be IOS application assets.
I need to get all this layers into pdf files for Xcode assets. I found some related solutions for that case:
Slicy (http://macrabbit.com/slicy/) it can generate png assets from any psd layers, marked (named) for extraction.
Adobe PHotoshop generator tool (looks like it uses same naming (marking) syntax , going to try it, but i doubt it can make pdf assets (maybe it can?)
Help me with that case, I'll appreciate any advice!
update: i'm a developer, but i'm doing it by hand because of deadline lol :)

How do I generate a texture with texturetool that pvr2atf will accept?

The Adobe docs for the new ATF SDK (http://www.adobe.com/devnet/flashruntimes/articles/atf-users-guide.html) state that the pvr2atf file is specifically designed to let you convert textures created with texturetool into ATF textures. I have a PNG texture (with transparency), and when I create an ATF with it directly, I get some odd artifacts around the edges of the non-transparent pixels. When I create a PVRTC texture with texturetool from the same source image, the preview generated by texture tool looks great. So, I was hoping I'd then be able to convert that into a clean ATF that I could then use on iOS in a Starling app.
However, when I use the texture created by this command:
texturetool -e PVRTC -o atlas0.pvrtc -p atlas0-preview.png -f PVR atlas0.png
pvr2atf complains:
Illegal pvrtc texture type.
(Hint 1: In PVRTexTool CL type needs to be OGLPVRTC4)
(Hint 2: In PVRTexTool UI select the 'OpenGL ES2.0' tab in the 'Encode Texture:' dialog and select 'PVRTC 4BPP')
Conversion failed!
I've tried a few different options to the texturetool, but have not managed to generate a single texture that pvr2atf doesn't have a problem with. Has anybody managed to do this? These tools are very new, and there's not a lot of info out there, aside from what Adobe has written (and in some cases their docs directly contradict the result of the tools, such as in the case of when transparency is supported).
I am downloading PVRTexTool now to see if I have better luck there, but I need this eventually to be automatible so needing a GUI tool would be a major bummer.
For starters download the Imagination PowerVR SDK from here
Dont use texturetool, it isnt updated as much as this tool which is from the developers of PowerVR:
In here you will get a GUI version of the texture packing tool called PVRTexTool, thats much easier to use. In here you can open your PNG and then manipulate it including the format the texture is set to. Click the box at the top with the 3 yellow arrows pointing down to see compression formats
It would appear you need to use PVRTCII 4bpp which defines a compressed texture 4 bits per pixel for OpenGLES 2.0. This also allows you to see all the other formats and have a play around if that format doesn't work.

Resources