Category "svg"

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

Unable to find svgs assets with Parcel in React and TS

I've added parcel to a create-react-app project that uses the typescript template. I'm trying to add svgs to my outputted js file following the recommendations

Why a click on svg element is not captured by node contains method?

I have a basic modal with a svg icon within its html structure. I want to detect clicks outside the modal so I can close it. The code to do so is something like

react-native-svg - Marker / Line markerEnd doesn't work on Android

Simply trying to draw an arrow line using the following code import * as React from 'react'; import { Text, View, StyleSheet } from 'react-native'; import Svg,

How to Change Color of Knob in Bootstrap 5 Switch

So i want to change the knob color to match my color theme. But when i open the bootstrap.css, i could not find the reference to that. I can change the border a