Category "svg"

How can I customize user's current website cursor with my Chrome Extension using Vanilla JS?

I'm developing this Chrome Extension for Custom Cursors, I have the SVG path that I want to apply to the website's files that the user is using. What can I writ

Multiples transformations matrix on SVG, get cursor point

This question is probably more related to math than svg itself. Inside a main svg, got multiples transformed svg, (from different events), by a viewBox attrib

Move a SVG icon along a Path in Xamarin.Forms

Is there a best practice on how to animate and move a SVG icon along a path of (x/y) coordinates in Xamarin.Forms? With Xamarin.Forms.Shapes there is the Path c

How To decode Base64 encoded .SVG string using Swift 5.x

I want to decode a base64 encoded .svg image using Swift 5.x. Can anybody guide me on how to do it? I have encoded and decoded base64 .png before. Need help abo

How to refer to values set in the parent document in an element imported via <use>

For a toy project I'm working with random flag designs and random flag colors. Since the paths are a huge chunk of ugly exported SVG, I'd like to have all thes

How to add recharts to react-pdf

I am using 'recharts' to create graphs for my project, and 'react-pdf' for generating a report. 'Recharts' creates a svg on the DOM when using it and a graph is

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'