顯示具有 隨貼即用 標籤的文章。 顯示所有文章
顯示具有 隨貼即用 標籤的文章。 顯示所有文章

[Javascript] 簡單試寫 Chart.js–Bar Chart , Doughnut Chart(甜甜圈圖) , PolarArea(極區圖)

2017年8月21日

上一篇文章 簡單試寫 Chart.js - Line Chart , Pie Chart 談到了新增 Line Chart 還有 Bar Chart ,沒想到喜歡的人很多,這一次我們來筆記跟介紹一下Chart.js 其他三個圖形
image


[Javascript] 簡單試寫 Chart.js - Line Chart , Pie Chart

2017年8月17日

圖表視覺化呈現一直都很重要,畢竟,客戶就是愛看這種漂漂釀釀的東西,今天介紹一個好用的Library – Chat.js
 image


[Javascript] 透過純 javascript 檢查 input 是 required 必塡欄位

2017年8月8日

只是單純筆記一下,因為我最近專案寫 ASP.net Webform ,在 LinkedButton 我需要在他 Postback 之前檢查required ,我知道方法很多但是我比較想用簡單的方法解決,因為我只要他自動停在那些必塡的地方,當然我知道很多 lib 可以用,也有很多 pattern可以用,我也知道瀏覽器會擋,但是有的不會啊,所以乾脆寫一個很簡單的 javascript 來做 submit 前阻擋,簡單的說,你可以把它放在 onclientclick 就可以做到檢查的效果

image


[Trick][Andrid] 在Facebook or LINE 下面脫離In-App Browser 開啟內建的browser

2016年11月25日

先說好這 只有對Android 有用 !!   只有對Android 有用 !!   只有對Android 有用 !!  
因為LINE 跟 Facebook 傳遞網站時候它們會用In-App Browser 去打開 除非你有調整這地方
15182424_1238599252882142_677651704_o


[Javascript] 筆記一下用法,input file 選取檔案後預覽圖片

2016年8月26日

選取一個圖片檔案後,直接進行預覽,以前我都是傳到server 按下上傳後再做預覽,現在可以透過javascript 做到,這樣對使用者來說會更加的直覺看到選取圖片是否正確
14107795_10210384687240134_523340774573149763_o

function InputLoadImageToBindImageElement(inputEl, imgEl) {
 
    if (inputEl.files && inputEl.files[0]) {
        var reader = new FileReader();
 
        reader.onload = function (e) {
            $(imgEl).attr('src', e.target.result);
        }
 
        reader.readAsDataURL(inputEl.files[0]);
    }
}

使用方式:

HTML:

<img src="" id="image1"  />
<input type="file" name="name" id="iptImage1" value="" />
 

呼叫:

$("#iptImage1").change(function () {
          InputLoadImageToBindImageElement(this, $('#image1'));
});

sample:


[C#] 讀取字型檔案,但是不會被鎖住

2016年7月15日

最近在在處理圖形問題,需求是必須要合成Barcode,這點不困難,只需要下載barcode 字型檔.ttf 就可以了,但是讀取後拿來畫在bitmap上面,之後那ttf檔案就被系統鎖起來,刪都刪不掉,即使我dispose 一堆東西也一樣,後來網路上查到一些作法,乾脆整理成一個function 之後就讀取.ttf 變成Font 物件,而且不會被系統lock住

private static Font GetFontFromFileWithoutLock(float size,string fontPath)
{
 
    var fontBytes = System.IO.File.ReadAllBytes(fontPath);
 
    //讀到記憶體中
    var fontBuffer = Marshal.AllocHGlobal(fontBytes.Length);
    Marshal.Copy(fontBytes, 0, fontBuffer, fontBytes.Length);
    PrivateFontCollection privateFont = new PrivateFontCollection();
 
    //從記憶體取得
    privateFont.AddMemoryFont(fontBuffer, fontBytes.Length);
    var res = new Font(privateFont.Families[0], size);
 
    privateFont.Dispose();
    return res;
}

很簡單,給需要的人


[Winform] 筆記一下,C#透過UDP 接收資料

2015年8月31日

上一篇文章 [Winform] 筆記一下,C#透過UDP 傳送資料 傳送了資料,那如何接受透過UDP接受資料呢?
一樣這一篇是屬於C# Winform or Console 透過  System.Net 的做法,新的UWP 是不能用的,不過當你需要測試時候就很好用,範例是,一直不斷Port 1947 的所有訊息,並且Text Encoding  是 UTF8
首先先撰寫接收的程式,因為是一值不斷地在聽牌,所以是要寫while(true) 的作法


/// <summary>
  /// UDP Client
  /// </summary>
  UdpClient udpClient = new UdpClient(1947);
 
  /// <summary>
  /// UDP 一直接收Port 1947 的資料,收到後跳Messagebox
  /// </summary>
  private void ThreadRunMethod()
  {
 
      while (true)
      {
          var remoteIp = new IPEndPoint(IPAddress.Any, 0);
 
          var receivedBytes = udpClient.Receive(ref remoteIp);
 
          if (receivedBytes == null || receivedBytes.Length == 0)
              return;
          string strReceiveStr = Encoding.UTF8.GetString(receivedBytes);
          MessageBox.Show("收到資料囉: " + strReceiveStr);
      }
  }


[Winform] 筆記一下,C#透過UDP 傳送資料


先說好,這是 C# Winform or Console 透過  System.Net 的做法,新的UWP 是不能用的,但是因為最近在測試Windows 10 IoT 的東西,所以我得在電腦端這邊寫測試程式紀錄一下

1.首先,要先using


using System.Net;
using System.Net.Sockets;
using System.Text;

2.這邊範例是 傳給 IP 為 192.168.6.100 , Port : 1947 , 中文字 許當麻 , Encoding : UTF8


var socket = new Socket(AddressFamily.InterNetwork,
    SocketType.Dgram,ProtocolType.Udp);
 
var serverAddr = IPAddress.Parse("192.168.6.100");
 
var endPoint = new IPEndPoint(serverAddr, 1947);
 
string text = "許當麻";
byte[] sendByte = Encoding.UTF8.GetBytes(text);
 
socket.SendTo(sendByte, endPoint);


[WindowsPhone] 隨貼即用 - 分享圖片到Faceook、Email、LINE…等

2014年7月15日

簡述 : 在設計Windows Phone APP 時候,分享真的圖片(並非只是連結)到facebook , email or Line..

難度 : ★

範例敘述:  快照圖片後,分享到facebook上面


[WindowsPhone] 隨貼即用 - XAML 旋轉圖片

2013年11月6日

簡述 : 在設計Windows Phone APP 時候,可以做旋轉製造不同效果

難度 : ★

範例敘述:  三張圖片,分別順序為 第一張X轉60度,第二章Y轉60度,第三張Z轉60度


[WindowsPhone] 隨貼即用 - 將圖片存至手機相簿

簡述 : 將一張Bitmap 存至使用者手機內的相簿

難度 : ★

範例敘述:  一顆按鈕,快照目前整個APP 成為WritableBitmap 並且存至手機相簿


[WindowsPhone] 隨貼即用 – 簡單將相簿圖片分享到Facebook

簡述 : 讀取手機內部相簿的相片,分享至facebook

難度 : ★★

範例敘述:  一顆按鈕,點擊後讀取手機內部相簿的相片,顯示圖片實體位置後,分享至facebook


[WindowsPhone] 隨貼即用 - 讀取相簿照片

2013年10月25日

簡述 : 讀取手機內部相簿的相片,載入至Image物件

難度 : ★

範例敘述:  一顆按鈕,點擊後讀取手機內部相簿的相片,載入至Image物件


[WindowsPhone] 隨貼即用 – 使用專案內的字體

簡述 : 使用專案中自己的字體

難度 : ★

範例敘述:  一個TextBlock 裡面的文字用自己的字體,範例為 Computerfont 體


[WindowsPhone] 隨貼即用 - 撥打電話

2013年10月23日

簡述 : 撥打指定電話

難度 : ★

範例敘述:  一顆按鈕,點擊後打電話給台灣微軟(+886-2-37253888)


[WindowsPhone] 隨貼即用 - 用手機唸一段文字(中文)

2013年10月22日

簡述 : 讓手機念出指定文字

難度 : ★

範例敘述:  一顆按鈕,點擊後唸一段中文


[WindowsPhone] 隨貼即用 - 建立翻轉Tile

簡述 : 建立可以翻轉的Tile

難度 : ★★★

範例敘述:  一顆按鈕,按下後建立可以翻轉的Tile


[WindowsPhone] 隨貼即用 - 解析JSON資料

簡述 : JSON格式為目前常見的API所使用的資料交換,這篇主要解析JSON資料

難度 : ★★★

範例敘述:  一顆按鈕,按下後解析下列的JSON資料結構。


[WindowsPhone] 隨貼即用 - 播放Youtube影片

簡述 : 透過程式來播放Youtube上面的影片

難度 : ★★

範例敘述:  一顆按鈕,按下後播放 https://www.youtube.com/watch?v=nHTH3Ai6xLM 影片


[WindowsPhone] 隨貼即用 - 將物件拍照為Bitmap

2013年10月21日

簡述 : 透過程式對物件進行快照

難度 : ★

範例敘述:  一顆按鈕,按下後會將整個App目前畫面進行快照,並且放置至Image物件中


當麻許的超技八 2014 | Design: no2don.