除了 Drag and Drop 外,我也想了解利用 JavaScript 畫圖的方式。以下是我找到的資料。
[Reference]
DHTML, JavaScript Draw Line, Circle, Ellipse (Oval), Polyline, Polygon, Rectangle
2009年6月24日
Drag and Drop in JavaScript
最近在工作上,經常面對 JavaScript 的問題,所以需要對 JavaScript 有更多的認識。
當我在使用 Google Analytics,看到圖塊可以直接拖拉移動時,想想,這應該只有 JavaScript 才辦得到,因此找了這篇文章,來了解處理方式。
[Reference]
How to Drag and Drop in JavaScript: http://www.webreference.com/programming/javascript/mk/column2/
DHTML API,Drag & Drop for Images and Layers: http://www.walterzorn.com/dragdrop/dragdrop_e.htm
當我在使用 Google Analytics,看到圖塊可以直接拖拉移動時,想想,這應該只有 JavaScript 才辦得到,因此找了這篇文章,來了解處理方式。
[Reference]
How to Drag and Drop in JavaScript: http://www.webreference.com/programming/javascript/mk/column2/
DHTML API,Drag & Drop for Images and Layers: http://www.walterzorn.com/dragdrop/dragdrop_e.htm
2009年6月20日
Silverlight BezierSegment
最近打算將照片製作成拼圖,其中拼圖中的切割區線,必須使用到 Bezier 曲線。下面這個網頁,可以得到 BezierSegment 的使用範例。
順便一提,這個範例蠻有趣,以逐漸上升的水量,以及波浪動畫來呈現百分比,這讓我聯想到 loading 或遊戲中生命值的表現方式。
BezierSegment 以前一個 segment 為起點,以 Point3 為終點,而 Point1 與 Point2 則為曲度的控制點。
[Reference]
Animating A Silverlight BezierSegment: http://kemmis.info/blog/archive/2009/05/16/animating-a-silverlight-beziersegment.aspx
順便一提,這個範例蠻有趣,以逐漸上升的水量,以及波浪動畫來呈現百分比,這讓我聯想到 loading 或遊戲中生命值的表現方式。
BezierSegment 以前一個 segment 為起點,以 Point3 為終點,而 Point1 與 Point2 則為曲度的控制點。
[Reference]
Animating A Silverlight BezierSegment: http://kemmis.info/blog/archive/2009/05/16/animating-a-silverlight-beziersegment.aspx
Silverlight - Dynamically Loading a DLL or XAP
為了讓 Silverlight 檔案越小越好,在 runtime 才載入必要的元件,是一個必須採取的策略。下面的參考資料,可以協助解決這個問題。
第二篇 "A Smaller XAP Preloader for Silverlight" 的範例很棒,不過,當使用 xap 中的物件時,通常也需要載入相關的 dll,因此程式需要些微的修改。
[Reference]
Silverlight - Dynamically Loading an Assembly: http://www.silverlightshow.net/items/Silverlight-Dynamically-Loading-an-Assembly.aspx
A Smaller XAP Preloader for Silverlight: http://pagebrooks.com/archive/2009/05/17/a-smaller-xap-preloader-for-silverlight.aspx
訂閱:
文章 (Atom)
Deploying Vue & .NET with Google OAuth on GCP Cloud Run
Deploying Vue & .NET with Google OAuth on GCP Cloud Run Deploying Vue & .NET with Google OAuth on GCP Cloud Run...
-
有幾個正正當當的 SEO 規則: 讓 Google 與 Yahoo 知道這個網站或網頁的存在:Google 可以透過網站管理工具,Yahoo 則透過 siteexplorer。 找出與網站相關的熱門關鍵字:既然想透過 Google 或 Yahoo 的關鍵字搜尋,當然不要選...
-
使用 WPF 建立雙螢幕或多螢幕畫面,作法如下: 首先刪除 App.xaml 中的 StartupUri="MainWindows.xaml"的設定。 加入 System.Windows.Forms (for Screen) 與 System.Drawi...
-
自從我知道了 iPhone 的 App Store 平台服務後,才發現 Google 與 Microsoft 也有類似的服務。 Apple - App Store Google - Android Market Microsoft - Windows Mobile Market...