Category "svg"

Is there a simple way to build an HTML5 Canvas from an already existing SVG? I tried using a converter, but it doesn't resemble the original at all

I'd also like to use JavaScript to manipulate the rotation of certain layers inside the SVG. I use Inkscape, but when I save it as "Canvas - HTML", the transpar

Xamarin.Forms set Button ImageSource as ffimageloading Svg embedded resource

I would to put a svg embedded image as ImageSource for a Button in Xamarin.Forms, something like this <Button Text="Button" ImageSource="resource://fullname

I am trying to create a rect element within a svg element, but its not working

Why is the red rectangle not appearing when I run the function createRect(). Any help would be much appreciated. function createRect() { var rec = doc

Dynamically added svg iamge not visible in Angular

I tried to add svg image on my application but it's not visible. The image link is coming from the backend. I tried multiple ways but nothing is working. 1st wa

.NET Maui: Vector/SVG splashscreen not correctly resized

Testing to add a custom splash screen for a Maui app, I read some Microsoft docs that says At build time, the splash screen image is resized to the correct si

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