Category "svg"

Create dynamic svg icons component in ReactJs

I want to create a React component for my SVG icons but if I use this component several times (with different props) in another component, it always renders the

How do I center text along an SVG curve?

Is there a way to center the text along a curve in SVG? <svg width="100" height="25" xmlns="http://www.w3.org/2000/svg"> <defs> <

Scaling the X axis of a rotated ellipse

I have a scatter plot and I'm allowing points to be selected by drawing an ellipse like so: In the above image the X axis and Y axis are scaled differently. I'

How to morph svg into another svg correctly with Anime.js?

I have a problem where two of my svg have the same number of points, but something isn't right when I play the animation, the two svgs are so close together but

How to morph svg into another svg correctly with Anime.js?

I have a problem where two of my svg have the same number of points, but something isn't right when I play the animation, the two svgs are so close together but

How to place equally spaced svg text in order

I have a svg element generated with javascript, that looks like this <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1

How to add custom icons to the Shopware 6 plattform?

How can I add my custom SVG Icons to Shopware 6 and used it like in the official documentation: https://component-library.shopware.com/components/sw-icon/ Like:

How do you use an SVG inline in React using Parcel 2?

Previously in Parcel v1 you could just use something like the @svgr/parcel-plugin-svgr plugin for Parcel. This would give you the ability to use SVGs inline lik

How do I import svg from file to a component in angular 5?

All tutorials with adding svg to a component in AngularCli that I found recommend to insert it in html template, something like this: <div> <svg vi

How to create a curve on the top of a background?

Please help me change the cutout from .top so that it is on top and not on the right. As shown in the image. Thank you very much in advance. I really hope for y

Transcrypt and SVG creation here: defs

I want to create the following SVG programmatically. I have found an svg which I want to translate to transpile it into javascript code. <svg xmlns="http://w

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)"