Skip to main content

Posts

Showing posts from March, 2017

Featured Post

How to create customizable products in Shopify for Free (No coding!)

Creating customizable products in your Shopify store not only increase your customer satisfaction, it also increases your conversion rate.  Here is a method to add custom options for your Shopify product and convert it into personalized product - Go to Shopify store page and search for "Advanced Product Customizer" app or you can directly the the Shopify app page by clicking on this link Advanced Product Customizer . Install  Advanced Product Customizer  app for free in your Shopify store  From the application dashboard, enable to app embed block to complete the installation process Click "Product Custom Options"  From the Shopify products list, select the product on which you want to add custom options. Advanced Product Customizer  offers Image Swatch, Color Swatch, Text box, File Upload, Radio, Checkbox, Date Picker and more. Here is the a demo video for adding custom option for a Shopify product -

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/