Category "svg"

svg circle color change at certain point

I have a svg that circle is moving around through path. I want the circles' color are changed at some points (ex. mid of the path) https://codepen.io/lzwdct/pen

vue-svg-loader removes tags when loading the svg file

I left the question on the project's GitHub first but no reaction so I am hoping the SO community can assist. I think there are SVGO options to set in the web p

How to overlay text on an SVG path element in React without using the coordinates of the path element?

I am attempting to create a global COVID-19 tracker for each country using React. In order to carve out individual countries and present them I have used an SVG

Animate reused svg independently

I want some SVGs to animate on click. The SVG is defined once and has been reused multiple times with the <use> tag. I wrote the following code: svg {

"[Vue warn]: Invalid Component definition" in Jest when importing an SVG in Nuxt JS

I have an error exclusively in my Jest unit test when I import an SVG in the component being tested: console.error node_modules/vue/dist/vue.common.dev.js:630

How do I properly convert SVG with custom fonts to PNG with Python and svglib?

I have some SVG designs that I am processing with Python. These designs include custom fonts, which I reference using the at-rule @font-face. The problem seems

How to plot x axis values over bars?

I changed the attributes of the X axis to plot its values over the bars of the chart. But anywhere I put the code, the values are always plotted before ("behind

svg in symbol tags are taking spaces in the bottom

I have stacked many svg codes in symbol tags at the bottom of all my codes like-- <svg> <symbol id attributes> svg codes </symbol

Adobe Illustratore delete my class names on svg images. How can I prevent this?

I have this svg image: <svg width="160" height="250" xmlns="http://www.w3.org/2000/svg" class="sovog"> <path class="antenna-left" d="M76.782 25.

How to convert tag (image) to (path) in svg file?

I have one svg file and Need to convert the tag image to a path, but is it possible? How do I do that? You can see an example of it below. <svg width="4

Why does Xamarin.FFImageLoading SVG is not working on Android 11 & 12?

Xamarin.FFImageLoading SVG seems to not be working on Android 11 & 12. For example, when I do Android Target to 11 Version, setting the SVG on Embedded Reso

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