Category "svg"

how to connect images with dotted line

I'm trying to connect images with each other using svg, but noting gives result here is the example of how it should be

mouse actions for SVG in HTML

If I embed an SVG into a HTML page, then users can click on words in the SVG (that are included as text). Is it possible (via JavaScript or similar) to find out

Export a 'PPTX' format file to 'SVG' format files using VBA in the PowerPoint Application

A 'pptx' format file should be able to export to a 'svg' file or some 'svg' files (just one slide to one 'svg' file) in the latest version of PowerPoint(the fun

Jest unable to recognize SVG component

Jest is raising this error on one of my components: Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/fun

Next.js + Framer Motion scroll progress animation

So I want to create a viewport scroll progress circle with Framer Motion in a Next.js app (using tailwind as CSS). I used the example code from Framer Motion: h

Adding different colors to dashes of an SVG stroke

I'm new to SVG and stuff and I'm trying to add different colors for the different dashes of a single stroke. <style> .c-dashed-line__path { animation:

Figma SVG not parsing with flutter_svg

I have created a bunch of vector graphics I want to use inside my flutter application but cannot seem to load any SVGs from Figma using flutter_svg. This is the

How to add a local image (svg / png) to plotly layout?

I know this question has a few answers, but none satisfy me, because they all include Dash, and I want to use only basic plotly. I have a local image file: /tmp

Using DrawingImage as Button Content in WPF

I want to use a DrawingImage, created from an svg, as content for a WPF Button control. If I set the DrawingImage to Button.Content it only shows the name of th

Inverting the mask property behind an SVG with css [closed]

I have an SVG and using a mask with a background color to show the SVG, Is there any property that i can use to invert the mask? eg. Normally

Why am Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: number

I was running this program to display SVG image import React, { Component } from 'react'; import { View } from 'react-native'; import Expo from './assets/check-

React heroicons icons are always black

I'm using @heroicons/react: ^1.0.5 and I'm trying to style the icons by applying another color. I'm using tailwindcss to manage my CSS. When I declare the follo

Can't rotate loaded SVG in p5js

I'm trying to load an external SVG with I'm using p5js-svg with p5js and for the most part I don't have any issues, but I'm stuck trying to rotate a loaded SVG.

SVG icon destroys the color of the following SVG icon

On my website I use the icons of Instagram and Telegram as inline SVG images. If I do so, the color of the Telegram icon is destroyed. If I remove the Instagram

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