SVG

SVG (Scalable Vector Graphics) is an XML-based markup language that is used to create vector graphics. It is a powerful tool for creating complex graphics and animations, and is widely used in web design. React is a popular JavaScript library for building user interfaces. By combining these two technologies, you…

I was having a discussion with one of my colleagues on the decision of using SVG format instead of PNGs of various predefined sizes. We knew predefined-PNGs was the preferred way to go for our colleagues in charge with Android/iOS development. As a web developer engineer, I was a bit…

Introduction: Scalable Vector Graphics (SVG) is an XML markup language for describing two-dimensional vector graphics. It is a popular technology for creating graphics for web applications due to its scalability, responsiveness, and interactivity. AngularJS is a popular JavaScript framework that simplifies the process of building complex web applications. Combining AngularJS…

Written by: Ben Hur Martins Carvalho, Agile Software Engineer, TribalScale Recently I created my first react-native library, a field that allows the app user to sign using their finger and returns an array of strings with the path of the SVG created. It displays the signature and allows you to…

As you know, you can import SVG into Xcode assets just like other images. And now I want to show how easy it is to convert SVG to SwiftUI code. You will see how easy it’s to do in a couple of minutes. Let's do it! Step One You need to take…

When using some library like chart or something else that has almost everything we want, but you just want to customize a little bit more. There was a unusual requirement I was facing that I need to put SVG inside of SVG. In the beginning, I thought I can just import as image like : import YourSVG from "../utils/icons/yoursvgpath.svg"; const customizeSVG = ( <svg> <g> <YourSVG /> // it doesn't work. </g> </svg> )

Scalable Vector Graphics (SVG) are widely used in modern web development, especially in React applications. In React, styling SVG can be achieved using CSS styles. In this blog post, we will discuss this in detail. Also, this post will be a continuation of my previous post- https://medium.com/@rajendransoundar3/play-with-svgs-in-react-project-61c7bc8fe411 Read the above content for using SVG as a component in react

Recently I was trying to 3D print a complex logo. My plan was to draw the logo shape in Fusion 360, extrude the logo into a 3D form, and then 3D print it. I had the logo in SVG format and, given its complexity, I did not want to try…