Skip to main content

Posts

Showing posts from March, 2017

Drawing a dotted circle using C#.NET windows form

Dotted circle can be used for showing circular progress. Here is the code to draw a dotted/dashed circle using C# in windows form application: using System ; using System.Collections.Generic ; using System.ComponentModel ; using System.Data ; using System.Drawing ; using System.Linq ; using System.Text ; using System.Windows.Forms ; using System.Drawing.Drawing2D ; using System.Threading ; namespace WindowsFormsApplication1 { public partial class Form1 : Form { public Form1 () { InitializeComponent(); } int angle = 0 ; int Startangle = 0 ; private void Form1_Load ( object sender, EventArgs e) { } private void panel1_Paint ( object sender, PaintEventArgs e) { //draw a dashed cricle using(Graphics g = panel1.CreateGraphics()) { System.Drawing.Rectangle rectangle = new System.Drawi

Write text on HTML5 Canvas using fabricjs

Here is the code to add text on html5 canvas using fabricjs <canvas id= "c" width= "600" height= "600" ></canvas> <input type= "text" class= "add-text" > <button class= "add-text-btn" > Add Text </button> Javascript code: var canvas = window ._canvas = new fabric.Canvas( 'c' ); fabric.Image.fromURL( 'http://fabricjs.com/assets/printio.png' , function (img){ canvas.add(img.scale( 1 ).set({ left : 0 , top : 0 , angle : 0 , selectable : false })); }); canvas.renderAll(); document .querySelectorAll( '.add-text-btn' )[ 0 ].addEventListener( 'click' , function (){ var textToAdd = new fabric.Text( document .querySelectorAll( '.add-text' )[ 0 ].value, { fontFamily : 'arial' }); canvas.add(textToAdd); }); Link for jsfiddle https://jsfiddle.net/nvivekgoyal/ybogocmf/