svg webtopo原型(1)基本功能

2021-06-07 06:22:10 字數 668 閱讀 3820

考慮到svg

也是html5

的標準之一,考慮繼續抽空把

svg的

topo

原型移植完。

阻力:已經有webtopology

開源包了,實現的功能基本類似

參照vml

模型的順序,先實現基本的文字和畫線功能。

之前在前期探索中,已經完成了畫矩形、畫線的探索,包括ie/opera

的相容,中文處理等。因此基本功能還算順利。

主要實現文字、線條的顯示。

以及基本的js

操作的簡單封裝。

相容ie+asv

和opera。

其中ie

使用embed,opera

動態建立。

注意:在opera

上,如果不指定

style,

預設的線是看不見的。

測試頁面1basic.htm

空的svg,只包含乙個g1,作為底層。同時設定編碼,可以支援中文顯示

empty.svg

<?xml version="1.0" encoding="utf-8" standalone="no"?>

基本封裝的svg.js

原型基本認知

自定義建構函式的缺點 如果在自定義建構函式內,給每乙個物件新增相同的方法,每生成乙個物件,都會開闢空間儲存方法,造成記憶體浪費 解決方法 可以通過原型物件解決 1.將共享的方法新增到原型物件上 2.建構函式建立出來的物件的物件可以直接訪問原想的成員 屬性和方法 首先先來認識一下原型 原型的三角關係 ...

js基礎之原型和原型鏈 原型 1

原型其實就是function的乙個屬性,它定義了建構函式製造出的物件的共有祖先。通過該建構函式產生的物件,可以繼承該原型的屬性和方法。原型也是物件 簡單來說,我們建立的每乙個建構函式自出生開始就自動的帶有這個屬性,這個屬性叫做prototype。這個屬性是乙個指標,指向乙個物件。這個物件中的屬性和方...

js基礎系列 1 原型鏈

今天重新回顧了一下js的基礎知識,感覺自己的基礎還是不牢固,很多東西都忘記了.就此每天抽出時間來複習一下js的一些基礎知識.js只有一種結構 物件.每個例項物件 object 都有乙個私有屬性 proto 指向他的建構函式的原型物件 prototype 該原型物件也有乙個自己的原型物件 proto ...