Category "svg"

how to import and display 'svg' file in react native

I have an svg file: <svg xmlns="http://www.w3.org/2000/svg" width="260.346" height="65.709" viewBox="0 0 260.346 65.709"> <g id="logo" transform="tra

Send SVG image content to email as HTML using boto3

I want to send SVG content (without saved file) as HTML to Outlook email address. This SVG content works fine in browser showing a circle image, however sending

Problem maintaining same size and alignment between SVG and border width with different resolutions/scaling

I have to make a speech bubble of sorts, and I've been provided an SVG for the part of the bubble that would point to the speaker. I'm trying to make the box it

How to change the color of section of a SVG on click then change back after clicking elsewhere?

I am trying to figure out how to make it so when a user clicks a state on a SVG map of the US (specially this one) the state changes color. In addition when the

Draw curves over HTML table

Is it possible in JavaScript or Angular to use the mouse to draw quadratic curves over an HTML table's contents? The table contents have to remain editable, and

Error while trying to precache local SVG files in Flutter using flutter_svg library

I'm getting following error when I try to pre-cache SVG files in flutter using flutter_svg library: > flutter: ══╡ EXCEPTION CAUGHT BY

How do I use an animated SVG for navbar link hover, and position it properly?

I’m building my portfolio and it has a theme as if it's been drawn on paper. When you hover over a link on my navbar, the SVG animates from underneath, it

Element added to DOM has HTML / SVG attributes, but not the corresponding JS properties

I am using HTMX with Django to render a page which is basically an SVG with a lot of sticky notes () that you can move around on the page, like you might use fo

position nodes in force layout graph vertically

I read a couple of posts on position nodes in force layout but didn't find an answer to what I was looking for. I have an object with nodes and links. I' trying

unable to apply different CSS classes to 2 svg images( both are clones of each other)

I have 2 svg images in my html in 2 different divs. On performing some action I am trying to hide one and display another by adding different css classes dynami

How to keep objects separate when exporting SVG from Blender with the Freestyle SVG Exporter

Let's say I have 3 objects in Blender that I want to export to SVG. In the SVG, all the lines are merged in the same group. Is there a way to have them grouped

Is it possible to stroke "transparent" with SVG.js?

I'm using SVG.js and want to draw an invisible border around a shape. I use the stroke() method to do this, and I thought just setting the opacity option to 0 w

How to display SVG Templates in SwiftUI

I am trying to display an SVG Template in my SwiftUI app. So, I have a var svgTemplate: String variable in my SwiftUI App that contains an SVG Template string,

How do i properly position my SVG element, so its even on resizes

So heres the image of my problem. I have two SVG files, and i want them to sticky to the bottom no matter how i resize my window, and if I resize it to a mobile

Need help using a node js state-machine-cat API

I'm working on a UML project and needed a tool to render State Machine Diagram on a website. I found this cool API but I don't understand how to use it, I'm ver

simple vector graphics + animation DSL

I'm looking for a vector graphics format that supports simple animations. At first I thought SVG would be the best. But SVG animation doesn't have any support i

How do I get SVG textPath to work with animated path?

Please view the demo here: https://codepen.io/bsoutendijk/pen/gOvLMaq Expected behavior: After clicking "update path" button, the path will change, and the text

precachePicture throwing null exception when using in main.dart

I am using svg in my onboarding screen and I want to precache it as it takes time for svg to load. But whenever I am trying to precache, I'm getting an exceptio

How to click all arrow buttons within a dynamic table on website?

On this website (https://www.tradingview.com/symbols/NASDAQ-TSLA/financials-income-statement/), there is a table with clickable arrows on some of the rows. I've

Test correct SVG component renders with jest and react-testing-library

I have an svg inside a React component that renders conditionally. <div className='avatar'> {gender === true ? <MaleAvatar /> : <FemaleAvat