Javascript圖形處理庫 -- Raphaël

如果要使用JS 繪製一些圖形和處理一些動態圖形, 比如想繪製一些流程圖什麼的, Raphaël是一個不錯的選擇。從著作權資訊上看, 和大名鼎鼎的 Sencha 有一定的關係 (研發Extjs的公司)。 一般的下載大小是89k, 使用GZIP壓縮之後的版本只有31K, 沒有壓縮的版本大小也只有221 K.Raphaël是可以簡化web向量圖形開發的很小的js庫。 它可以幫你建立一些特殊的表徵圖和旋轉的效果。Raphaël使用的是  W3C 推薦的

javascript簡單擷取當前日期和時間

javascript簡單擷取當前日期和時間有時候可能會有這樣的需求,方便使用者看時間看日期。以前也不動手寫都是偷,今天無聊就自己也寫了個,挺簡單的。下面是,時間會每秒計算一次。Demo下面是Html code:<!DOCTYPE html><html class="no-js"><head>    <meta charset="UTF-8">   

通過web頁面上的連結調用本地軟體

使用者提出了一個需求,要把本地安裝的C/S結構的軟體調出來。注意,不是點擊它的捷徑或者exe檔案,而是點擊網頁上的一個按鈕或者連結,就要把軟體用戶端調出來。在網上找過相關的資料,有兩個比較常用的解決方案。1,採用js代碼來調,代碼如下:[javascript] function Run(strPath) {   var objShell = new ActiveXObject("wscript.shell");  

HDU 4022 Bombing(11年上海 二分)

題目:給出一些點,給出兩個操作,分別

sencha touch2 - 給container 添加tap 事件

背景:在ST中有時候我們需要讓不同container組成一個模版。然而我們需要點擊某個container時候我們就需要觸發事件。但是在container裡面是沒有tap這個事件的。我們需要手工去去添加註冊這個事件。並且你可以選擇任意的container註冊事件。有兩種方法可以註冊事件參考國外一個文章:How to set element listeners container.jsExt.define('DingCan.view.component.HomeItem',

如何在JavaScript中建立自訂事件

avaScript事件處理所有用戶端應用程式的基礎。當一個事件發生在目標元素,如按鈕單擊,滑鼠移動,表單提交等,一個處理常式函數執行。一個事件對象傳遞給處理常式提供各種屬性和大量的方法來防止違規行為。一個缺點是,事件不可避免地與DOM元素。考慮一個簡單的形式,它接受來自使用者的資訊:<form id="msgbox" action="#" method="get"> <label for="msg&

關於JS非同步載入的測試

對IE8和Firefox3.6測試結果:1.常規的在head裡面使用Script標籤引用js,不再是堵塞模式載入(也就是說指令檔不再是一個一個被載入,載入完成一個才開始載入另一個),而是最大6個JS同時開始載入(並發限制為6個),但是script的執行順序還是按照Script標籤順序,而且會阻礙頁面的呈現。2.由於1的原因,所以使用document.write("<script>...</script>")(此方式對Firefox無效)的方式和head

jquery的ajax效果最簡單實現 及innerhtml()和innertext()的區別

1.添加jquery的js2.為元素添加動作(為了示範,直接寫在了html中):[javascript] <td>客戶名:<input type='text' id='name' onblur='burFunc()'  name='name' /></td> 3.添加處理函數:[javascript] function

基於jQuery UI Autocomplete的AngularJS 指令(directive)擴充

 在前幾篇隨筆簡單介紹了AngularJS,在AngularJS 指令(directive)是重要的概念,主要負責了很大部分的組建樣式互動。在前面介紹過directive需要預先的模板編譯在返回一個link的函數,註冊行為事件互動等等。在這裡不多說了,關於指令的介紹將在後續一併補上。在這裡我們先看一個利用jQuery UI組件開發的AngularJS Autocomplete指令。代碼:jsfiddle線上測試Directive:  1 var

JS 數字 、中文、 英文、判斷

單獨的驗證:利用Regex限制網頁表單裡的文字框輸入內容:用Regex限制只能輸入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'')

jquery uploadify 上傳檔案

  網上找了一天,大家都說Uploadify唯一的缺點就是不支援中文按鈕,杯具之前,我看了下Uploadify的API,才發現了幾個參數沒被大家提及的,這正是解決此問題的關鍵。(以後堅決養成沒事就看API的習慣)    Uploadify有一個參數是 buttonText 這個無論你怎麼改都不支援中文,因為外掛程式在js裡用了一個轉碼方法把這個參數的值轉過碼了,解碼的地方在那個swf檔案裡,看不到代碼,所以這條路不行。   

如何在extjs的PANEL裡用d3.js來繪圖

EXTJS和D3都很強大,不解釋了,把D3繪的圖直接放到一個EXT的TAB裡,直接上代碼: 可用於繪製拓撲結構圖.Ext.define('EB.view.content.SingleView', {    extend : 'Ext.panel.Panel',    alias : 'widget.singleview',    layout : &

jquery 每隔自動重新整理

1.  var url ="?action=xml&operate=newbet&LT=" + t_LT + "&AVID=" + AVID + "&Jeu_ID=" + Max_Jeu_ID + "&XZ_Money=" + t_XZ_Money; //得到這個URL$.get(url, function(d){

nodejs - 簡單的http伺服器樣本

構建一個簡單的http伺服器,代碼如下:[javascript] // server.js var http = require('http'); var server = http.createServer(function(request, response){     require('.' + request.url);     response.

Node.js零起點開發-NodeJs安裝、Hello Word

Hello World開啟你最喜歡的編輯器,建立一個helloworld.js檔案,輸入console.log("Hello World");後儲存開啟Node.js的CMD視窗,將檔案拖拽到視窗中,輸入node js檔案路徑 Http版Hello World編寫 helloworld.js 代碼如下:[JavaScript] var http = require('http');   server =

使用Javascript和prototype.js架構建立類型及其相關的prototype屬性的簡單介紹

Javascript中建立對象可歸納為三種方式:工廠函數、建構函式和原型方式。工廠函數方式利用javascript基礎類Object,對Object的一個執行個體增加相應的屬性和方法以達到新類型所期望的結果。如下代碼展示了類型NewClassType1含有一個屬性attribute1。[javascript] //工廠函數方式,返回特定類型的對象執行個體       functionNewClassType1(){ 

關於js擷取最上層window對象的架構思路

1) 設計一最外層頁面 a.jsp 包含a.js     a.js擷取最上導頁面window的方法為window.top;    優點在於如果a.jsp裡ifram N層頁面,第N層頁面想擷取頂層頁面只需要調用 a.jsp的window.top即可獲得,不用 parent.parent.parent.......2)第二種方法是如下:在a.jsp中定義一<div

javascript table 隔行變色

從此再也不用為了隔行變色而引入jquery了[javascript] function changeTableColor(oddColor,evenColor){     var tables=document.getElementsByTagName('table');     for(var

Javascript 之 Ext.grid.ColumnModel 綜合運用,加按鈕,單選框

先來張圖片,做出來的樣子如下: 源碼[javascript] function appgroup_message_list(mainpanel){      var checkbox = new Ext.grid.CheckboxSelectionModel();//單選框     var cm = new Ext.grid.ColumnModel([   

jquery獲得焦點與失去焦點改變文字框背景圖的寫法

<script type="text/javascript">        $(function () {            //文字框樣式切換            $(

總頁數: 3271 1 .... 1481 1482 1483 1484 1485 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.