Questions tagged [SVG] (1225)

1
answer

How to make a transparent area?

snippet as the area of the white circle to make transparent, I guess through the mask, the code to parse it,with SVG few friends p.s body was visible.
billy.Koch asked March 27th 20 at 13:31
2
answers

How to make a SVG mask to a photo?

Hi, I have a svg<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="700px" height="400px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 6024393 3479896" xmlns:xlink="http://www...
Harmon.Jerde21 asked March 27th 20 at 13:09
1
answer

How to implement zoom and pan in SVG on this page?

A link to a demo app that draws a graph on the page using Canvas SVG and WebGL (depending on scale): https://live.yworks.com/demos/view/largegraphs/ The graph you can zoom (mouse wheel) and pan (to move it; drag). On a scale of 0-9% ("Overview Level") the graph is drawn using Canvas and WebGL: On the scale of 10-100% ("Inte...
Zakary.Emmerich46 asked March 27th 20 at 13:05
0
answer

How to make a smooth transition to the item by clicking in the vertical svg graph (tree)?

How to make a smooth transition to the item by clicking in the vertical svg graph (tree) ?
Barbara63 asked March 27th 20 at 13:02
1
answer

How to connect SVG with object?

In the structure have the following HTML element:<object type="image/svg+xml" data="github.svg" width="60" height="60" >empty</object> In this same directory is a file github.svg with the following contents:github.svg<svg fill="white" enable-background="new 0 0 60 60" version="1.1" viewBox="0 0 60 60" xml:spa...
kelli_Hilpert asked March 27th 20 at 12:45
2
answers

How to make svg responsive?

There is a following block with svg: https://jsfiddle.net/zx62ofpn/ How can I make these pictures will be adaptive (that is shrinking on mobile devices)?
rachelle_Beer asked March 27th 20 at 12:30
1
answer

How to fill SVG with a gradient angle of 45%?

Fill svg goes from left to right<defs> <linearGradient id="linear-gradient" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#e8406c"/> <stop offset="100%" stop-color="#ef816a"/> </linearGradient> </defs> How you can do even at an angle of 45%? Please tell me
Marcel.Pacocha7 asked March 27th 20 at 12:06
2
answers

How to make a pie chart with a background image?

Good afternoon. There was a need to impose a pie chart with a background image that would enable you to edit the fill percentage. Tried to do that using SVG, but scant knowledge in this area is not allowed to implement it. And you need a solution without using jQuery libraries, it is possible for vanilla JS, or using the VU...
Korbin0 asked March 27th 20 at 12:02
1
answer

How to reuse svg?

I have a lot of svg icons, if you hover, they should change color, as there are icons whose behavior is different from the color change. For these purposes I great way to package all the icons in the font. But in glup-svg-font(exact name I do not remember sorry, as an essence not in it do so) is written so that it is better...
alden.Cri asked March 27th 20 at 11:52
1
answer

FontAwesome icons on the website of the svg format and the license?

Help to understand when the site fontawesome.com tried to download free icon in .svg format, appeared the window with text:You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or ...
justyn_Gutmann20 asked March 27th 20 at 11:46