Category "svg"

How to dynamically resize an svg in javafx according to the size of the region

I'm keen on svg and would like to put many of them in my User Interface. But I have a problem with the size of svg. I would like to load any svg I retrieve as a

Draw d3-axis without direct DOM manipulation

Is there a way to use d3-axis without directly manipulating the DOM? D3.js complements Vue.js nicely when used for its helper functions (especially d3-scale).

I'm trying use flutter svg, but load with black svg

I'm trying to use Flutter SVG dependency, i put in the svg in assets, set in pubspec.yaml, and set in my widget, but, the svg load with black container I've al

SVG sprite images not showing on iOS & Safari using React

I am trying to use my svg images with a sprite file. Importing sprite file in relevant component and using custom Svg component to render images with symbol id'

Why can't I import an SVG by using <use> without using the id?

Whenever I import an SVG with <use> element it won't work unless I specify the id of that SVG even though it's the only SVG in the document! This will wor

How to properly scale svg?

I need create seats map. I create svg with seats. <div class="seats-map"> <svg xmlns="https://www.w3.org/2000/svg" id="seats-map-svg" viewBox="0 0 1000

Processing exported application canvas size differs from ide launched application

I have a simple Processing 3 application I just migrated to Processing 4. The old version had some global variables fine tuned for 1920x1080 displays, so while

Unable to import svg files in typescript

In typescript(*.tsx) files I cannot import svg file with this statement: import logo from './logo.svg'; Transpiler says:[ts] cannot find module './logo.svg'.

svg : find x,y coordinates of rect vertices

I have various svg rects on a web page on which a transform is applied in the form : transform="translate(418 258) rotate(-45.2033 15 18) scale(2.5 2.5)"

svg : find x,y coordinates of rect vertices

I have various svg rects on a web page on which a transform is applied in the form : transform="translate(418 258) rotate(-45.2033 15 18) scale(2.5 2.5)"

Qt / SVG - getting accurate coordinates of element

I'm working with Qt, trying to prototype a "clickable SVG" widget. I'm trying to get accurate coordinates for a particular element within an SVG from a QSvgWidg

Export all SVG paths with Gimp Python plugin

I want to write a Gimp-Python plugin in order to export all SVG paths from the current image. This seems quite simple but I am stuck with pdb calls, I may not b

LinearGradient in react-native-svg not working

I am trying to use SVG in my react native project. This is the code for my component: <Svg xmlns="http://www.w3.org/2000/svg" width="100%" height="507" view

Svg not visible in device but visible in android xml

I have used SVG's for these icons, the icons are visible in xml but not visible in device . following is my code : ` <LinearLayout

What is the XPath to an attribute of an svg Element?

Lets say my website contains multiple svg elements and I want to find the following: <svg id="some-svg-id" /> How can I find this svg via its id? I aware

Star rating with half star support

I am running into a problem rendering a star rating and was hoping I can get some extra eyeballs on my problem. I have the normal rating working just fine with

JavaScript animation lag after several loops

I am animating these dotted lines (SVG) for a project using velocity.js. However, after a few loops, the animation starts to lag a lot. I have pasted the link t

SVG add text along the circle arc

I'm trying to draw SVG radial pie chart as mentioned in here: colour chart. Now I'm trying to add text to each slice along with the arc. I'm trying to show Text

SVG element in list, when I hide the first parent, all of next SVG in each section will be hidden too, but not the container

I face a strange bug with Next. With getServerSideProps, I made a request to my api folder, this result a simple JSON. All is good. I display the content perfec

Can I use SVG within a customized the Azure AD B2C user interface?

I am building a customized Azure AD B2C user interface. I have included a SVG tag within my page. <body> <div class="container"> <d