Click here to Skip to main content
15,902,029 members
Everything / SVG

SVG

SVG

Great Reads

by Clayton Rumley
There are those who think I am crazy, and this just might be the proof.
by Miroslav Fidler
Creating a simple utility for converting text to SVG path in U++
by Shashangka Shekhar
In this post, we will get an overview and generate a basic level code using our database table column that will help in development.
by Michael Gledhill
An example of using Angular and SVG to turn your data into beautiful diagrams

Latest Articles

by Patrice T
Small review of Trial Division algorithm
by honey the codewitch
Create ASCII art from common image formats and text
by Sergey Alexandrovich Kryukov
Microtonal Fabric uses multitouch screen support for musical keyboards
by Marc Clifton
A simple analog clock rendered in Scalable Vector Graphics

All Articles

Sort by Updated

SVG 

27 Feb 2024 by Graeme_Grant
This will explain with visuals: The SVG `path` Syntax: An Illustrated Guide | CSS-Tricks - CSS-Tricks[^]
27 Feb 2024 by Michael Storrs (Mickey D)
I am trying to decipher how this SVG Path data can be decoded. I found a fairly simple plus sign with curved edges, but it just doesn't make sense to me. In the field below, the 'l' (line) tag has decimal points where there shouldn't be and...
15 Dec 2023 by Patrice T
Small review of Trial Division algorithm
23 Oct 2023 by honey the codewitch
Create ASCII art from common image formats and text
24 Jul 2023 by Sergey Alexandrovich Kryukov
Microtonal Fabric uses multitouch screen support for musical keyboards
8 Mar 2023 by Marc Clifton
A simple analog clock rendered in Scalable Vector Graphics
23 Feb 2023 by DrgIonuţ
I have a SVG which has some linearGradient elements which changes at button click Everything works fine as you can see here: Edit fiddle - JSFiddle[^] My questions is how could do the same thing if the svg from my example is an external file and is called in an tag? What I have...
29 Jan 2023 by Marc Clifton
Create square, triangle, and hexagon grids with scrolling, animation, and "sprite" dragging
25 Jan 2023 by Liepājas Liedaga vidusskola
Hi! I have an unusually wide page with tenses in https://scienceprojects.lv/tenses I'm trying to assign an ID to each tense in English so it takes the class to exact tense when I specify a link with anchor. For example, the...
25 Jan 2023 by Liepājas Liedaga vidusskola
Ok. Discovered the culprits of the issues I was having. 1st issue. My code had a scroll to script that took the user to the center of the horizontal middle of the page. function pageScroll() { window.scrollTo(1950,0);} 2nd issue. After...
24 Jan 2023 by RedDk
Everything you always wanted to know about SVG, but decided to come to CP instead: World Wide Web Consortium (W3C)[^]
24 Jan 2023 by Chris Copeland
The id element here is pastperfectcontinuous but your anchor is for #past-perfect-continuous. Have you tried either: Removing the hyphens from the anchor (#pastperfectcontinuous) Adding hyphens to the id attribute...
8 Oct 2022 by daniel wakeley
So I'm trying to add some SVG photos to my React project but I'm not sure how I can add them into my file system on VS code. I know how to render them and import them using their relative path the only thing is I'm not sure how to get them onto...
9 Aug 2022 by Evoluteur
SVG icon set for CRUD applications packaged as a React component with light & dark themes and tooltip.
24 Apr 2022 by Marcus Müller
Pandemic SEIR and SEIRV modelling software and infrastructure for the Corona SARS-COV-2 COVID-19 disease with data from Johns-Hopkins-University CSSE, Robert Koch-Institute and vaccination data from Our World In Data.
30 Nov 2021 by Nandkishor Biradar
A minimalist UML State machine framework for finite state machine and hierarchical state machine in C
9 Nov 2021 by Richard MacCutchan
The image is just an array of bytes, so follow one of the encoding suggestions at base64 in C++ - Google Search[^]
7 Sep 2021 by gstolarov
An imbeddable SVG editor - jQuery plugin
16 Aug 2021 by OriginalGriff
While we are more than willing to help those that are stuck, that doesn't mean that we are here to do it all for you! We can't do all the work, you are either getting paid for this, or it's part of your grades and it wouldn't be at all fair for...
29 Jun 2021 by Joe Dufresne
An easy to use tool to save your Windows Spotlight (lock screen) images for use as desktop wallpaper
27 Jun 2021 by Member 15264952
I made an svg image in Adobe Illustrator (id="gray-x-button"), and I want to use the svg code as a custom shaped checkbox. Once the user clicks on the checkbox, I want the checkbox to change to a different svg image I made in Illustrator...
27 Jun 2021 by Chris Copeland
I did a quick search for "CSS custom checkbox" and came across this page: Pure CSS Custom Checkbox Style | Modern CSS Solutions[^] In essence it involves hiding the actual checkbox component and having an accompanying element to contain the...
22 Jun 2021 by Miroslav Fidler
Creating a simple utility for converting text to SVG path in U++
8 Mar 2021 by Akshay Srinivasan2
Canvas Control Library provides highly customizable controls using the HTML5 Canvas element. Also includes a new Forms based system which is a new way to build your web pages and websites.
27 Jan 2021 by Jalal Maqableh
I'm creating an interactive map for office locations to make it easier for clients to reach out to the nearest office. I use HTML file, CSS file, and JS file together for this map. Everything works fine except when your point out a location on...
27 Jan 2021 by W Balboos, GHB
You "tried all possible solutions" cannot be true in that if you had it would be working. But here's how to find your bug - and it's a good rule-of-thumb method for many link-related problems. Modify your code so that when the link is 'clicked'...
6 Sep 2020 by Издислав Издиславов
Showcase for simple techniques for XAML button styling
4 Jul 2020 by MarkWardell
An aid to Port WPF Framework Applications to .NET Core 3.1
2 Jun 2020 by Member 8840306
iframe is the tag which you can use for call other html pages into your web page
2 Jun 2020 by Member 8840306
I am new in d3.js.I downloaded two code generating graphs from site “observablehq”. Here are links to codes. 1- zoomable-area-chart 2-focus-context I want to display both graphs in the same browser window. For this, I placed the files in the...
31 May 2020 by Member 8840306
I am new d3.js .I am trying to run code at this link.For running this code, I placed that code in index.js file. d3 = require("d3@5") height = 500 margin = ({top: 10, right: 10, bottom: 20, left: 40}) data = Object.assign(d3.csvParse(await...
2 May 2020 by Kalvin Lawrence Ernst
A sample application code which is an alternative to using libraries such as AngularJS, React, Vue, etc. Only jQuery and bootstrap are used in conjunction with vanilla JavaScript, HTML and CSS.
28 Apr 2020 by Member 3531622
A HtmlEditor written in Blazor based on AngleSharp
30 Jan 2020 by andrew898701
Hello, I am trying to use my own icons in a css file to display icons on a react website. Below is the code that leads up to the point where I actually create the markers (I am using MapBox API. (See bottom of code) The problem is that a.) when i create my own SVG files in illustrator and...
29 Dec 2019 by Ri Xu
Golang library for reading and writing Microsoft Excel™ (XLSX) files.
19 Dec 2019 by DrgIonuţ
I have a SVG external file which is called in an tag. The SVG contains two groups.
19 Dec 2019 by Richard Deeming
Change the selector you pass to the find method so that it only finds stop elements which are descendants of the element with the required ID: $("object").contents().find('#g1 stop').each(function () {
13 Dec 2019 by Richard Deeming
The element creates a separate document, in a similar way to an . Since it's from the same domain, you can get access to that document using jQuery's contents method[^]. But a jQuery selector run against the top-level document will not be able to select elements in the nested...
22 Nov 2019 by Michael Gledhill
An example of using Angular and SVG to turn your data into beautiful diagrams
10 Oct 2019 by Joseph Rozario
This article explains how to implement Token Authentication and Authorization using JWT in ASP.NET CORE.
1 Sep 2019 by Member 10565665
We have a requirement from a client who needs to animate the character in the screen below Sample Image URL The page itself is constructed using SVG and the character can be broken down to specific parts that can be animated. The question here is which is the most effective approach to take...
1 Sep 2019 by Thomas Daniels
If your character is SVG too, then you have a few options: The tag[^], to describe your animations directly in the SVG. JavaScript libraries such as Bonsai[^] or Snap.svg[^] or SVG.js[^] or . CSS animations[^] that you can apply to the whole, or parts of the, SVG.
7 Jul 2019 by Minh Tuan Do
In this article, I will show you how to create a customized command button in CKEditor, go along with an example project to help you understand and imagine what can we do with CKEditor.
5 Jul 2019 by Joseph Rozario
This article explains how to implement Token Authentication and Authorization using JWT in ASP.NET CORE.
24 May 2019 by Thomas Daniels
You can try your luck with the tools svgcleaner[^] and svgo[^].
24 May 2019 by jaideepsinh
I am working on a custom static map. So, I convert my image into the svg file and use it into the html page. But my SVG file size goes very high around 50MB so it is not working properly and my HTML page is just loading. Is there any other way to achieve it or reducing svg file size? What I...
21 May 2019 by sun.shuo@aliyun.com
Introduction to Distributed System Design - 2. Practice of Splitting in Microservice Architecture
4 Feb 2019 by Richard Deeming
IE and Edge don't support referencing external files in SVG; you have to use a polyfill: Can I use... Support tables for HTML5, CSS3, etc[^]: IE9-Edge12, Safari 5.1-6, and UCWeb 11 do not support referencing external files[^] via . Polyfills are available: server-side inlining +...
4 Feb 2019 by Sidhu381988
I m create angular 6 application. My UX designer gave some icons to be incorported in our app. I used angular SVG Icon module to incorporate the same. For the icon which has , it not rendering in IE Edge. Can you please someone tell the reason for it? What I...
15 Jan 2019 by Paul D. Sheriff
As more and more users interact with web applications on their mobile devices, it is becoming increasingly important for software developers to allow them to work offline; PouchDB can help.
27 Dec 2018 by Alessio Aronica
Generate forms from MVC models in one simple line of code
11 Dec 2018 by Luis F. Penedo
Setting up a React project in Visual Studio 2017
30 Nov 2018 by Michael Shpilt
A WPF tutorial on how to create FilteredListView: A ListView custom control with search filter that uses Throttling.
17 Nov 2018 by MarkWardell
Undo/Redo Commands implemented with Minesweeper game example
17 Nov 2018 by Daniele Fontani
TDD & BDD explained with examples
9 Nov 2018 by YasIkeda
Tutorial about how to add authentication functionalities to your existing ASP.NET Core project using Microsoft.AspNetCore.Identity.UI package
2 Nov 2018 by Han Bo Sun
In this article, I will show the reader how to secure a web application based on Spring Boot and WAR archive, using the Spring Security and Tags. The application will have a login page, page access based on user roles, login failure, and access denied pages.
30 Oct 2018 by Leonard E. James
Create initial object model and database and display first Razor Page
4 Oct 2018 by Rahul Rajat Singh
In this article we will look at how Dependency Injection works in ASP.NET Core.
20 Sep 2018 by Sujeet Bhujbal
Angular 4 Insert, Update, Delete with ASP.NET WEB API
17 Sep 2018 by Member 13041059
We've split our floor plan project in 2 parts: 1. FP Builder 2. FP Viewer For FP Builder we've used SVG Edit (https://github.com/SVG-Edit) and for FP Viewer we've used MAPPLIC FP Viewer (https://www.mapplic.com/plugin/docs/). Currently in FP Builder when we do changes it gets saved in svg...
17 Sep 2018 by OriginalGriff
We are not here to evaluate suitable apps for your project - that's part of your project and what you get paid for, not us. And that ignores that we have no ideas what "matching our requirement might mean to you! Start with Google, and see what you find.
12 Sep 2018 by Rahul Rajat Singh
In this article, we will try to understand the concept of middleware in ASP.NET core.
7 Sep 2018 by Robert Vandenberg Huang
Experiment, run and compare different pathfinding algorithms and heuristic functions
20 Aug 2018 by TheQult
Simple middleware to add server side analytics functions to ASP.NET Core
16 Aug 2018 by Shashangka Shekhar
In this post, we are going to implement braintree payment gateway with ASP.NET Core 2.1
14 Aug 2018 by Shashangka Shekhar
In this post, we are going to implement dynamic highchart with Angular6 and ASP.NET Core.
13 Aug 2018 by Gunnar S
Convert an existing .NET Core WebAPI application to NServiceBus
7 Aug 2018 by Proneetkumar Pradeep Ray
Boost/Optimize your Jquery DataTable and perform Server side pagination, Global Search, Column wise Search) using Server Side Caching
6 Aug 2018 by syed shanu
In this article, let’s see how to create our own ASP.NET Core Blazor Shopping Cart using Entity Framework, and Web API
1 Aug 2018 by Habibur Rony
This article mainly covers how to setup and configure Azure AD tenant and integrating Azure AD into ASP.NET Core 2.0 web app for authentication and role based authorization.
1 Aug 2018 by Ajcek84
Client-side music notation rendering in Blazor
31 Jul 2018 by Ajcek84
Music notation in Blazor - Part 2
31 Jul 2018 by syed shanu
In this article, let’s see how to create our own ASP.NET Core Blazor Master Detail HTML CRUD (Insert, Update, Select and Delete) for both Master and Detail Grid with Sorting and Filtering using Entity Framework, and Web API.
23 Jul 2018 by Ajcek84
Implementation of radar chart for various .NET platforms
18 Jul 2018 by Michael Moroz
This articles describes how to open SVG files in C++ application, work with Bezier curves and export to PDF.
3 Jul 2018 by Vincent Maverick Durano
This article is part 1 of the series for building a simple web application in ASP.NET MVC 5.
17 Jun 2018 by Gunnar S
Moving ASP.NET WebAPI code to Service Fabric Cluster
4 May 2018 by Marc Clifton
Learning how to programmatically manipulate SVG in JavaScript
1 May 2018 by Shashangka Shekhar
In this post, we will get an overview and generate a basic level code using our database table column that will help in development.
3 Apr 2017 by David Peier
I'm trying to create a service which generates and saves/returns a chart as a svg file. For that i would like to use System.Windows.Controls.DataVisualization.Toolkit . Is there a way to save the chart as required? Thanks in advance... David What I have tried: MainWindow.XAML.cs public...
10 Mar 2017 by MarkRuss
I have been trying to implement javascript code which updates text elements in a SVG image. The SVG image is defined as a symbol, so that it can be reused multiple times, and instantiated using the use element:However, when I update the...