All Questions
1,071
questions
0
votes
1
answer
387
views
How to modified SVG file import to KonvaJS?
i have an issue that's make admin can upload SVG and using it into Drawing Screen use Konva. The way to import that is ok, but ex-function i would like to ask is:
Is there a ways to help me can change ...
- 60
1
vote
1
answer
418
views
Canvas.toDataURL fails when rendering SVG with clip-path
I am attempting to convert a generated SVG into a PNG/JPG via HTML5 Canvas. So far this method works with everything I have thrown at it, barring one exception. When an element in the source SVG has a ...
- 77
1
vote
2
answers
390
views
new Image not working with crossOrigin "Anonymous"
So I am trying to load one of these urls to new Image however all of them doesn't seem to load. I have an image.onload function but it doesn't go there. But if I remove the image.crossOrigin, it works....
2
votes
1
answer
147
views
Correct gradient for canvas
I want to display svg file as path in konva.
But I have a problem with styling.
And radialGradient doesn't apply well.
And I also don't want to use Konva.Image.
I write both here:
VSG file:
<?xml ...
- 105
1
vote
0
answers
116
views
How can I plot against a curved path on an svg at specific x positions on the path?
I have a 2 rows of circles (imagine 2 rows of seats in a seating chart) that are on straight line, like this:
I need to curve the rows relative to the longest row (ie row B). I can correctly ...
- 747
1
vote
2
answers
471
views
Dynamically fill area under the polyline- svg
I am getting the points dynamically, I have to fill the area under the polyline. I have tried the fill property but that would not result in what I have expected, screenshot attached.
<svg
...
- 21
2
votes
0
answers
214
views
Using SVG image in WPF project as Canvas background [duplicate]
I need to use an SVG file in my WPF project, I'm using Visual Studio 2012 (mandatory).
My goal is to be able to drag and resize some rectangles over the SVG, as I need to know the rectangles' position ...
0
votes
0
answers
194
views
Rendering HTML to canvas: timeout problem?
I am generating a canvas from styled HTML code, using serializer.serializeToString to create an SVG string, encoding the string and setting an IMG src to it, and then using drawImage to a canvas ...
- 667
0
votes
1
answer
311
views
How can I change color with GestureDetector of svg image and Flutter?
I need your help, I'am developing an app where the user will select any SVG image previously converted with flutterShapeMaker to get and set several classes as you see below (fragment example, I have ...
- 33
0
votes
0
answers
24
views
How to draw an SVG at a location on an HTML canvas via Path2D? [duplicate]
Let's say I have the following code which draws a heart:
const ctx = document.querySelector("canvas").getContext("2d");
const pathHeart = new Path2D("M9.293 1.55l.707.708.707-.707a5 5 0 1 1 7.071 ...
- 11.7k
0
votes
1
answer
170
views
SVG pixelate when using with canvas in full window height and width for all devices
I'm using Jspain library in this project.
https://faisalsamroz.com/colorway15/
I drawed SVG image on canvas but it's pixelating even it shows white dots when you fill up black color.
Screenshot ...
0
votes
1
answer
126
views
How can I replace Canvas element with SVG?
I'm currently trying to give a canvas element a shape that has a round border. As I know from my experience, the CornerRadius parameter/method does not exist in the Canvas class?
I want to use an SVG ...
- 11
0
votes
0
answers
920
views
Convert a SVG to PNG react
I've an SVG image that includes two PNG images that makes them one SVG image, now I want to convert this image into PNG/JPG. I've the following code of SVG in react:
import P1 from "../../assets/...
0
votes
1
answer
116
views
Use pattern (not img) inside canvas
When I create visualization inside svg, I can fill a rect using pattern that is defined inside defs
<defs>
<pattern id="hash4_4" width="8" ...
- 61
1
vote
0
answers
199
views
Can we add a SVG object to a canvas in fabricjs as vector image - not pixel
Of course I have read similar questions before asking. The most answers are about how to read SVG, turn it into pixel image and then add it to canvas.
My question is:
how can we create an object and ...
- 187