svg Questions
3
I am working with Vue.js and try to place some SVG Icons I made in Illustrator for my Webapp. I loaded the icons with Webpacks "require". It is not possible to access the svg's with their source (s...
3
Solved
My use case is probably a bit unique, but I am creating a dynamically-sized square grid using DOM elements encased in a flexbox. Each DOM element has an SVG image background and a height/width equa...
Fertilizer asked 18/5, 2017 at 6:28
4
I want to do a common thing - include dynamically an svg HTML in Vue Nuxt application which I will able to style. To do this, I created a component but instead of image, I get a text data:image/svg...
5
Solved
Hi have been having troubling importing inline svgs into my nuxt3 vite project. Any advice would be much appreciated.
i found this works <img src="~/assets/images/icons/push-icon-chatops.sv...
Byelaw asked 1/10, 2022 at 9:49
3
Solved
I am trying to look for a way to achieve a simple progress circle (static) with no animations. The examples I have found have very different offsets for percentage such as given in the example belo...
3
Solved
I want to assign a svg-mask to a svg-image. I can make this work using an id on the mask like this:
<svg id="svg1" width="5cm" height="5cm" viewBox="0 0 200 200"
xmlns="http://www.w3.org/...
Comp asked 3/12, 2017 at 22:53
5
To import and use svg file in sveltekit I refer to this article
https://riez.medium.com/svelte-kit-importing-svg-as-svelte-component-781903fef4ae
By the way, when I finally input the code
<svelt...
Precaution asked 30/4, 2021 at 16:33
3
I've been tinkering with support for dark-mode by using a media query in my svg favicon. This is visible on my website.
<link href="favicon.svg" rel="icon" type="image/s...
Norrie asked 15/8, 2020 at 17:59
5
Solved
I am trying to make a circle animation,
I currently have this: http://jsfiddle.net/gf327jxu/1/
<svg width="100" height="100" class="circle">
<circle cx="50" cy="50" r="40" />
</sv...
5
Solved
I am having trouble generating pdf keeping design with SVG content. SVG is linked inside html, and using html to generate pdf. But not working properly.
This is the code:
$dompdf = new DOMPDF();
...
9
In my project, I am using custom svg files as part of the requirement.
I am using [email protected] to achieve this.
I looked at the example that is available on the official documentation -> ...
Heliozoan asked 18/4, 2019 at 21:39
7
Solved
I'm having a problem with importing SVG files in React JS.
import { ReactComponent as Logo} from '../logo.svg'
i don't know why but in some components <Logo /> will render correctly
while...
6
Solved
Is it possible to use SVG paths to create a marker with the google_maps_flutter plugin? I know you can use .png files by using:
icon: BitmapDescriptor.fromAsset("images/myFile.png")
How about SV...
5
Solved
I recently launched a site which used a bit of inline SVG.
<svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w...
Es asked 2/8, 2014 at 0:39
9
Solved
Safari browser (I'm testing under windows) seems having problem in displaying Svg Image element.
<!DOCTYPE html>
<html>
<body>
<h1>My first SVG</h1>
<img src="im...
6
Solved
I need to place icons within the inputs for creating a new user. It's probably a really easy task for someone who knows their way around front end code. However I don't. Here is the wireframe and t...
6
Solved
I was running this program to display SVG image
import React, { Component } from 'react';
import { View } from 'react-native';
import Expo from './assets/check-mark.svg';
import SVG from 'react-nat...
Heddy asked 28/1, 2021 at 22:3
7
Solved
Is there a way to use and SVG file in an Astro file directly without using the <img /> tag. I want something like this:
import Logo from "./logo.svg"
and then use it like this:
<...
1
Is there a technical (dis)advantage to including SVG-code in a HTML-file versus embedding it with an <img> tag?
I'm not asking about personal preference or opinion, but factual differences on...
5
Solved
I am trying to create a SVG tag structure only when or after page loads.
This request may seem strange but this is needed since most of the html markup is generated by a compiled authoring softwa...
Eyler asked 17/9, 2015 at 18:45
4
Solved
By default jupyter notebook inline plots are displayed as png, e.g.:
import matplotlib.pyplot as plt
%matplotlib inline
plt.plot()
How can you configure jupyter notebooks to display matplotlib i...
Meill asked 14/4, 2016 at 11:52
5
Solved
I'm trying to find a way to subtract one shape from another in SVG, creating a hole in the middle or a bite out of the side of it. Kind of like a clipping path, but instead of showing the intersect...
6
Does anyone know how to get wordpress to allow the use of SVG files being uploaded via the theme customiser panel?
Added the following to the theme functions.php file which allows SVG's to be uplo...
10
I am wondering how to set up an inline svg with webpack?
I am following the react-webpack-cookbook.
I have my webpack.config set up correctly with the file loader.
However the example shows u...
Aloin asked 13/12, 2015 at 23:45
6
I have some code like below in my component.
<svg id="SvgjsSvg3254" width="318" height="152" xmlns="http://www.w3.org/2000/svg" version="1.1" xm...
Phelloderm asked 2/12, 2019 at 12:10
1 Next >
© 2022 - 2024 — McMap. All rights reserved.