HTML面試題

.html5的新特性

文件類型聲明（<!DOCTYPE>）僅有一型：<!DOCTYPE HTML>。
新的解析順序：不再基于SGML。
繪畫 canvas;
用于媒介回放的 video 和 audio 元素;
語意化更好的內容元素:article、footer、header、nav、section;
表單控件:calendar、date、time、email、url、search;
input元素的新類型：date, email, url等。
新的技術: webworker, websocket, Geolocation;
新的屬性：ping（用于a與area）, charset（用于meta）, async（用于script）。
全域屬性：id, tabindex, repeat。
新的全域屬性：contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。
新應用程序接口:
HTML Geolocation
HTML Drag and Drop
HTML Local Storage
HTML Application Cache
HTML Web Workers
HTML SSE
HTML Canvas/WebGL
HTML Audio/Video
移除的元素：
純表現的元素：basefont，big，center，font, s，strike，tt，u;
對可用性產生負面影響的元素：frame，frameset，naframes；

2.什么是Retina 顯示屏，帶來了什么問題？

retina：一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由1個變為多個，如在同樣帶下的屏幕上，蘋果設備的retina顯示屏中，像素點1個變為4個

在高清顯示屏中的位圖被放大，圖片會變得模糊，因此移動端的視覺稿通常會設計為傳統PC的2倍
那么，前端的應對方案是：
設計稿切出來的圖片長寬保證為偶數，并使用backgroud-size把圖片縮小為原來的1/2
//例如圖片寬高為：200px*200px，那么寫法如下

.css{width:100px;height:100px;background-size:100px 100px;}

其它元素的取值為原來的1/2，例如視覺稿40px的字體，使用樣式的寫法為20px

.css{font-size:20px}

3.ios系統中元素被觸摸時產生的半透明灰色遮罩怎么去掉？

ios用戶點擊一個鏈接，會出現一個半透明灰色遮罩, 如果想要禁用，可設置-webkit-tap-highlight-color的alpha值為0，也就是屬性值的最后一位設置為0.X就可以去除半透明灰色遮罩
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0.X)}

4.部分android系統中元素被點擊時產生的邊框怎么去掉

android用戶點擊一個鏈接，會出現一個邊框或者半透明灰色遮罩, 不同生產商定義出來額效果不一樣，可設置-webkit-tap-highlight-color的alpha值為0去除部分機器自帶的效果

 a,button,input,textarea{ 
                  -webkit-tap-highlight-color: rgba(0,0,0,0;) 
                  -webkit-user-modify:read-write-plaintext-only; 
            }

-webkit-user-modify有個副作用，就是輸入法不再能夠輸入多個字符
另外，有些機型去除不了，如小米2
對于按鈕類還有個辦法，不使用a或者input標簽，直接用div標簽

5.webkit表單元素的默認外觀怎么重置

通用

.css{-webkit-appearance:none;}

偽元素改變number類型input框的默認樣式

input[type=number]::-webkit-textfield-decoration-container { 
    background-color: transparent;    
} 
input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
}                      
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
}

6.webkit表單輸入框placeholder的顏色值能改變么

input::-webkit-input-placeholder{color:#AAAAAA;}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}

7.禁止ios 長按時不觸發系統的菜單，禁止ios&android長按時下載圖片

.css{-webkit-touch-callout: none}

8.禁止ios和android用戶選中文字

.css{-webkit-user-select:none}

9.打電話發短信寫郵件怎么實現

打電話：<a href="tel:0755-10086">打電話給:0755-10086</a>
發短信，winphone系統無效 <a href="sms:10086">發短信給: 10086</a>
寫郵件：<a href=“mailto:peun@foxmail.com">peun@foxmail.com</a>

10.audio元素和video元素在ios和andriod中無法自動播放

應對方案：觸屏即播

$('html').one('touchstart',function(){
    audio.play()
})

11.閃屏怎么解決

通過transform的3d屬性改去硬件加速可以解決閃屏問題
開啟硬件加速
1）解決頁面閃白
2）保證動畫流暢

.css { 
    -webkit-transform: translate3d(0, 0, 0); 
    -moz-transform: translate3d(0, 0, 0); 
    -ms-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
}

12.取消input在ios下，輸入的時候英文首字母的默認大寫

<input autocapitalize="off" autocorrect="off" />

13.android 上去掉語音輸入按鈕

input::-webkit-input-speech-button {display: none}

14.設計高性能CSS3動畫的幾個要素

盡可能地使用合成屬性transform和opacity來設計CSS3動畫
不使用position的left和top來定位
利用translate3D開啟GPU加速

15.fixed bug

ios下fixed元素容易定位出錯，軟鍵盤彈出時，影響fixed元素定位
android下fixed表現要比iOS更好，軟鍵盤彈出時，不會影響fixed元素定位
ios4下不支持position:fixed
解決方案
可用isroll.js，暫無完美方案

16.移動H5前端性能優化指南

1）PC優化手段在Mobile側同樣適用
2）在Mobile側我們提出三秒種渲染完成首屏指標
3）基于第二點，首屏加載3秒完成或使用Loading
4）基于聯通3G網絡平均338KB/s(2.71Mb/s)，所以首屏資源不應超過1014KB
5）Mobile側因手機配置原因，除加載外渲染速度也是優化重點
6）基于第五點，要合理處理代碼減少渲染損耗
7）基于第二、第五點，所有影響首屏加載和渲染的代碼應在處理邏輯中后置
8）加載完成后用戶交互使用時也需注意性能

優化指南

[加載優化]

加載過程是最為耗時的過程，可能會占到總耗時的80%時間，因此是優化的重點

減少HTTP請求

因為手機瀏覽器同時響應請求為4個請求（Android支持4個，iOS 5后可支持6個），所以要盡量減少頁面的請求數，首次加載同時請求數不能超過4個
a) 合并CSS、JavaScript
b) 合并小圖片，使用雪碧圖

緩存

使用緩存可以減少向服務器的請求數，節省加載時間，所以所有靜態資源都要在服務器端設置緩存，并且盡量使用長Cache（長Cache資源的更新可使用時間戳）
a) 緩存一切可緩存的資源
b) 使用長Cache（使用時間戳更新Cache）
c) 使用外聯式引用CSS、JavaScript

壓縮HTML、CSS、JavaScript

減少資源大小可以加快網頁顯示速度，所以要對HTML、CSS、JavaScript等進行代碼壓縮，并在服務器端設置GZip
a) 壓縮（例如，多余的空格、換行符和縮進）
b) 啟用GZip

無阻塞

寫在HTML頭部的JavaScript（無異步），和寫在HTML標簽中的Style會阻塞頁面的渲染，因此CSS放在頁面頭部并使用Link方式引入，避免在HTML標簽中寫Style，JavaScript放在頁面尾
部或使用異步方式加載

使用首屏加載

首屏的快速顯示，可以大大提升用戶對頁面速度的感知，因此應盡量針對首屏的快速顯示做優化

按需加載

將不影響首屏的資源和當前屏幕資源不用的資源放到用戶需要時才加載，可以大大提升重要資源的顯示速度和降低總體流量
PS：按需加載會導致大量重繪，影響渲染性能
a) LazyLoad
b) 滾屏加載
c) 通過Media Query加載

預加載

大型重資源頁面（如游戲）可使用增加Loading的方法，資源加載完成后再顯示頁面。但Loading時間過長，會造成用戶流失
對用戶行為分析，可以在當前頁加載下一頁資源，提升速度
a) 可感知Loading(如進入空間游戲的Loading)
b) 不可感知的Loading（如提前加載下一頁）

壓縮圖片

圖片是最占流量的資源，因此盡量避免使用他，使用時選擇最合適的格式（實現需求的前提下，以大小判斷），合適的大小，然后使用智圖壓縮，同時在代碼中用Srcset來按需顯示
PS：過度壓縮圖片大小影響圖片顯示效果
a) 使用智圖（ http://zhitu.isux.us/ ）
b) 使用其它方式代替圖片(1. 使用CSS3 2. 使用SVG 3. 使用IconFont)
c) 使用Srcset
d) 選擇合適的圖片(1. webP優于JPG 2. PNG8優于GIF)
e) 選擇合適的大小（1. 首次加載不大于1014KB 2. 不寬于640（基于手機屏幕一般寬度））

減少Cookie

Cookie會影響加載速度，所以靜態資源域名不使用Cookie

避免重定向

重定向會影響加載速度，所以在服務器正確設置避免重定向

異步加載第三方資源

第三方資源不可控會影響頁面的加載和顯示，因此要異步加載第三方資源

[腳本執行優化]

處理不當會阻塞頁面加載、渲染，因此在使用時需當注意
CSS寫在頭部，JavaScript寫在尾部或異步
避免圖片和iFrame等的空Src
空Src會重新加載當前頁面，影響速度和效率

盡量避免重設圖片大小

重設圖片大小是指在頁面、CSS、JavaScript等中多次重置圖片大小，多次重設圖片大小會引發圖片的多次重繪，影響性能

圖片盡量避免使用DataURL

DataURL圖片沒有使用圖片的壓縮算法文件會變大，并且要解碼后再渲染，加載慢耗時長

[CSS優化]

* 盡量避免寫在HTML標簽中寫Style屬性
* 避免CSS表達式
CSS表達式的執行需跳出CSS樹的渲染，因此請避免CSS表達式
* 移除空的CSS規則
空的CSS規則增加了CSS文件的大小，且影響CSS樹的執行，所以需移除空的CSS規則
* 正確使用Display的屬性
Display屬性會影響頁面的渲染，因此請合理使用
a) display:inline后不應該再使用width、height、margin、padding以及float
b) display:inline-block后不應該再使用float
c) display:block后不應該再使用vertical-align
d) display:table-*后不應該再使用margin或者float
* 不濫用Float
Float在渲染時計算量比較大，盡量減少使用
* 不濫用Web字體
Web字體需要下載，解析，重繪當前頁面，盡量減少使用
* 不聲明過多的Font-size
過多的Font-size引發CSS樹的效率
* 值為0時不需要任何單位
為了瀏覽器的兼容性和性能，值為0時不要帶單位
* 標準化各種瀏覽器前綴
a) 無前綴應放在最后
b) CSS動畫只用（-webkit- 無前綴）兩種即可
c) 其它前綴為 -webkit- -moz- -ms- 無前綴四種，（-o-Opera瀏覽器改用blink內核，所以淘汰）
* 避免讓選擇符看起來像正則表達式高級選擇器執行耗時長且不易讀懂，避免使用

[JavaScript執行優化]

* 減少重繪和回流
a) 避免不必要的Dom操作
b) 盡量改變Class而不是Style，使用classList代替className
c) 避免使用document.write
d) 減少drawImage
* 緩存Dom選擇與計算
每次Dom選擇都要計算，緩存他
* 緩存列表.length
每次.length都要計算，用一個變量保存這個值
* 盡量使用事件代理，避免批量綁定事件
* 盡量使用ID選擇器
ID選擇器是最快的
* TOUCH事件優化
使用touchstart、touchend代替click，因快影響速度快。但應注意Touch響應過快，易引發誤操作

[渲染優化]

* HTML使用Viewport
Viewport可以加速頁面的渲染，請使用以下代碼
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
* 減少Dom節點
Dom節點太多影響頁面的渲染，應盡量減少Dom節點
* 動畫優化
a) 盡量使用CSS3動畫
b) 合理使用requestAnimationFrame動畫代替setTimeout
c) 適當使用Canvas動畫 5個元素以內使用css動畫，5個以上使用Canvas動畫（iOS8可使用webGL）

* 高頻事件優化
Touchmove、Scroll 事件可導致多次渲染
a) 使用requestAnimationFrame監聽幀變化，使得在正確的時間進行渲染
b) 增加響應變化的時間間隔，減少重繪次數

* GPU加速
CSS中以下屬性（CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video）來觸發GPU渲染，請合理使用（PS：過渡使用會引發手機過耗電增加）

17.CSS動畫與Canvas動畫性能優劣分析

a、CSS動畫更為流暢、但內存占用過高，動畫元素在5個以內更為推薦；
b、Canvas動畫存在丟幀現象，這一現象在android中低端手機中表現更為明顯；
c、5個以內動畫元素，選用CSS動畫，80%的設備幀頻可達80以上。

18.移動端怎么自適應？

移動自適應的話一般我用的話就是rem，通過rem單位配合媒體查詢來完成幾個屏幕的適配，以iphone6位標準，向上適配plus，向下適配5，不做過多的適配，有時候有要求的話也用js來控制rem的大小達到適配效果，rem是相對單位，相對html元素的font-size值的屬性，比如font-size:100px; 的話1rem就得100px，這樣我子需要通過改變html的font-size就可以達到適配效果

19.如何開啟gpu加速？

為動畫DOM元素添加CSS3樣式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translateZ(0);，這兩個屬性都會開啟GPU硬件加速模式，從而讓瀏覽器在渲染動畫時從CPU轉向GPU

通過-webkit-transform:transition3d/translateZ開啟GPU硬件加速之后，有些時候可能會導致瀏覽器頻繁閃爍或抖動，可以嘗試以下辦法解決之：
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;

通過-webkit-transform:transition3d/translateZ開啟GPU硬件加速的適用范圍：
使用很多大尺寸圖片(尤其是PNG24圖)進行動畫的頁面。
頁面有很多大尺寸圖片并且進行了css縮放處理，頁面可以滾動時。
使用background-size:cover設置大尺寸背景圖，并且頁面可以滾動時
編寫大量DOM元素進行CSS3動畫時(transition/transform/keyframes/absTop&Left)
使用很多PNG圖片拼接成CSS Sprite時

20.物理1像素怎么實現

可以使用after插入的形式將寬度設置為200%，然后通過css transfrom 的scale 縮放0.5倍；

21.響應式布局的原理

Meta標簽定義

使用 viewport meta 標簽在手機瀏覽器上控制布局

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />

通過快捷方式打開時全屏顯示

<meta name="apple-mobile-web-app-capable" content="yes" />

隱藏狀態欄

常用于布局的CSS Media Queries有以下幾種：

設備類型(media type):

all所有設備；
screen 電腦顯示器；
print打印用紙或打印預覽視圖；
handheld便攜設備；
tv電視機類型的設備；
speech語意和音頻盒成器；
braille盲人用點字法觸覺回饋設備；
embossed盲文打印機；
projection各種投影設備；
tty使用固定密度字母柵格的媒介，比如電傳打字機和終端。

設備特性(media feature):

width瀏覽器寬度；
height瀏覽器高度；
device-width設備屏幕分辨率的寬度值；
device-height設備屏幕分辨率的高度值；
orientation瀏覽器窗口的方向縱向還是橫向，當窗口的高度值大于等于寬度時該特性值為portrait，否則為landscape；
aspect-ratio比例值，瀏覽器的縱橫比；
device-aspect-ratio比例值，屏幕的縱橫比。

設置多種視圖寬度

@media only screen and (min-width:768px)and(max-width:1024px){}
@media only screen and (width:320px)and (width:768px){}

百分比布局

寬度不固定，可以使用百分比

#head{width:100%;}
#content{width:50%;}

響應式圖片

#wrap img{
  max-width:100%;
  height:auto;
}

字體設置

一個響應式的字體應關聯它的父容器的寬度，這樣才能適應客戶端屏幕。css3引入了新的單位叫做rem,和em類似但對于Html元素，rem更方便使用。em是相對于根元素的，需重置根元素字體大小：

html{font-size:100%;}

完成后，可以定義響應式字體：

@media (min-width:640px){body{font-size:1rem;}}
@media (min-width:960px){body{font-size:1.2rem;}}
@media (min-width:1200px){body{font-size:2rem;}}

22.常見dpr

ip6 2、ip6+ 3、nexus5 3

23.移動端適配

1) 自適應方式
2) viewport方式
3) rem方式
4) scale()方式縮放

24.常用meta

IE相關

避免IE使用兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
為不支持viewport的IE Mobile設定寬度 <meta name="MobileOptimized" content="320" />
是否對手持設備友好 <meta name="HandheldFriendly" content="true" />

UC瀏覽器

強制豎屏 <meta name="screen-orientation" content="portrait" />
強制全屏 <meta name="full-screen" content="yes" />
應用模式 <meta name="browsermode" content="application" />

X5瀏覽器

強制豎屏 <meta name="x5-orientation" content="portrait" />
強制全屏 <meta name="x5-fullscreen" content="yes" />
應用模式 <meta name="x5-page-mode" content="app" />

360

開啟極速模式 <meta name="renderer" content="webkit" />

iphone相關

啟動webapp功能刪除工具欄和菜單欄 <meta name="apple-mobile-web-app-capable" content="yes">
控制狀態欄顏色 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
開啟號碼或郵箱檢測 <meta name="format-detection" content="telephone=no" />
添加主屏幕icon <link rel="apple-touch-icon" href="touch-icon-iphone.png”>

25.html5的新api

重力感應 DeviceOrientation
手機加速傳感器 DeviceMotion

history 詳細

以Pjax方式實現SPA history.pushState history.replaceState 解決ajax不能后退前進問題
儲存
客戶端儲存：localStorage sessionStorage>只存在一個會話周期內
跨域
postMessage

26.你們怎么嵌套h5頁面的

一般都是我前端這邊開發好h5頁面給安卓和ios一個地址，然后告訴他們我有哪些方法，然后在做一些安卓ios的接口調用，安卓和ios會吧他們的方法提供一個接口給我，我直接調用就好，一般都是調用一些分享，跳轉之類的方法

27.webapp你主要做的是哪個模塊，是頁面布局做的多還是交互做的多

webapp部分基本都是我自己負責開發，頁面交互都做，因為當時剛去公司的時候公司也剛往這個方向發展，讓我也一直就負責移動業務這塊的內容

28.bootstrap用嗎？

用，bootstrap組要就是用一些他的樣式組件，還有最強大的就是他的刪格化系統了，做響應式的網站，我們公司的官網就是用的bootstrap做的，后臺管理系統也是，當時也是我負責給我們公司的后臺分享如何使用bootstrap的

ebView2控件應用詳解系列博客

.NET桌面程序集成Web網頁開發的十種解決方案

.NET混合開發解決方案1 WebView2簡介

.NET混合開發解決方案2 WebView2與Edge瀏覽器的區別

.NET混合開發解決方案3 WebView2的進程模型

.NET混合開發解決方案4 WebView2的線程模型

.NET混合開發解決方案5 WebView2運行時與分發應用

.NET混合開發解決方案6 檢測是否已安裝合適的WebView2運行時

.NET混合開發解決方案7 WinForm程序中通過NuGet引用WebView2控件

.NET混合開發解決方案8 WinForm程序中集成WebView2控件方案2

.NET混合開發解決方案9 WebView2控件的導航事件

.NET混合開發解決方案10 WebView2控件調用網頁JS方法

　　在我的博客《.NET混合開發解決方案10 WebView2控件調用網頁JS方法》中介紹了C#調用網頁中定義的JavaScript方法以執行某種業務邏輯，同樣WebView2控件中加載的網頁中自定義的JavaScript方法中也可以調用C#方法。

　　WebView2控件通過將對象傳遞到Web網頁，使應用程序能夠彌合web和本機應用程序（客戶端程序：WinForm、WPF、WinUI、Win32）之間的鴻溝。此類對象在本機代碼中定義，通常稱為主機對象。可以使用WebView2的AddHostObjectToScript()將它們投影到JavaScript中。

　　在開發WebView2應用程序時，需要一個本機對象，它的方法或屬性很有用。開發者希望從web端代碼觸發這些本機對象方法，或者作為應用程序web端用戶交互的結果。最主要的是開發者不想也不需要在web端代碼中重新實現本機對象的方法。AddHostObjectToScript API支持web端代碼重用本機端代碼。

　　比如在網頁中調用客戶端電腦的攝像頭，如果在Web端開發，則編寫大量的代碼。如果在本機實現，則非常簡單。能夠調用本機對象的方法比在應用程序的web端重新編碼對象的方法更快、效率更高。在這種情況下，本機端代碼可以將對象傳遞到應用程序的web端JavaScript代碼，以便JavaScript代碼可以重用本機API的方法。如以下應用場景：

有一個鍵盤API，你想調用keyboardObject。從web端顯示鍵盤功能。
JavaScript是沙盒，限制了它在本機端的能力。例如，如果需要在本機端訪問文件，則必須使用本機文件系統。如果您有一個通過AddHostObjectToScript向JavaScript公開的本機對象，則可以使用它來操作本機文件系統上的文件。

下面通過一個Demo來講解如何實現JS調用C#方法。

業務場景：JS調用C#方法，傳遞三個參數，分別是num1、num2、message。C#接收到參數后將num1與num2進行加法運算，并將計算結果返回給JS方法。

先看一下示例效果

下面詳細介紹其實現步驟。

步驟1

定義一個主機對象，如：CustomWebView2HostObject類，在類中編寫方法并實現內部業務邏輯。

using System.Runtime.InteropServices;

namespace WebView2Demo_WinForm
{
    /// <summary>
    /// 自定義宿主類，用于向網頁注冊C#對象，供JS調用
    /// </summary>
    [ClassInterface(ClassInterfaceType.AutoDual)]
    [ComVisible(true)]
    public class CustomWebView2HostObject
    {
        public string TestCalcAddByCsharpMethod(int num1, int num2, string message)
        {
            MessageBox.Show($"C#方法接收到J傳入的參數 num1={num1}，num2={num2}，message={message}", "提示", MessageBoxButtons.OK, MessageBoxIcon.Information);

            return "計算結果為:" + (num1 + num2);
        }
    }
}

自定義的 CustomWebView2HostObject 類，必須標記 [ClassInterface(ClassInterfaceType.AutoDual)]、[ComVisible(true)] 特性，否則JS無法訪問到該類

C#方法與平時寫的代碼完全一樣。

步驟2

在訪問目標網頁之前，通過webView2.CoreWebView2.AddHostObjectToScript()方法向網頁中注入主機對象，其中第一個參數是自定義名稱（隨意命名），JS中訪問主機對象時就需要與該參數名稱一致。

步驟3

網頁中定義一個測試按鈕，并設置點擊事件

點擊事件中，第31行獲取主機對象，customWebView2HostObject 與 C#中定義的名稱需要完全相同。

使用主機對象調用C#方法，由于調用過程是異步的，所以需要使用 await，方法定義前需要加上 async。

以上三步完成后即實現了JS訪問C#方法。

歡迎關注、轉發、交流。每天分享優質IT內容。

#俄方：亞速鋼鐵廠內烏軍全部繳械#

想繪圖插件5.2(MxDraw5.2)

夢想CAD是專業的CAD插件（控件）,經過10年研發，可輕松在網頁、手機及BS/CS程序中使用CAD和瀏覽編輯DWG文件,不需安裝AutoCAD即可運行。

控件核心代碼使用VC++ 2010開發，至今已有三十萬行代碼規模；2007年發布第一個Release版本，經過多年的版本更迭與技術沉淀，控件已經十分快速穩定。在關鍵的空間搜索上使用了復雜度極低的算法，并且使用匯編優化，可以處理50萬級的實體，圖形的顯示和處理效率比同類產品高出很多。

夢想繪圖3d插件6.0(MxDraw6.03d)

使用二位控件的顯示核心，基于 OpenCASCADE幾何造型引擎，創建錐、柱、環等基本幾何體，對幾何體進行布爾操作，如：相加、相減、相較、倒角、斜切、鏤空、偏移、掃視；幾何空間關系計算，如：法線、點積、叉積、投影、擬合；幾何體分析，如：質心、體積、曲率；空間變換，如：平移、縮放、旋轉。

夢想繪圖手機版插件6.0(MxDrawAndroid6.0/MxDrawIOS6.0/)

使用二維控件的顯示核心，并專對手機顯示CAD圖紙做了極速優化，是目前手機上顯示DWG文件非常快的控件。

夢想CAD軟件5.2(MxCAD5.0)

使用二維控件的顯示核心，完全自主的二維CAD繪圖軟件，程序簡潔、運行快速、功能齊全、穩定可靠；兼容所有版本的DWG文件，支持 ARX的二次開發接口。

安裝包下載

點擊此處下載

運行環境

支持以下的32/64平臺的系統：WindowsXP、Windows2000、WindowsVista、WindowsServer、Windows7、Windows8、Windows10。

支持以下的瀏覽器：IE所有版本、火狐、谷歌4.5及以前的版本、360瀏覽器(兼容模式)、QQ瀏覽器。

QQ瀏覽器使用了最新的谷歌瀏覽器內核，可使用QQ瀏覽器代替谷歌瀏覽器運行控件

支持語言

網頁使用，支持 IE所有版本。

控件支持如下的語言進行二次開發：VC、VB、CSharp、Delphi、HTML、ASP、JAVA、JavaScript、C++、 Builder、PHP、.Net、易語言、PowerBuild等。

編程接口

有一萬多個接口函數可供調用，提供Object Arx，AutoCAD VBA、COM開發接口，與AutoCAD二次開發類似的接口。

文件格式

控件支持自定義文件格式，擴展名為.mxg，mxg文件穩定可靠，能完整呈現DWG文件，支持圖紙預覽，加密；支持DWG、DXG、BMP、JPG、PNG、DWF、PDF、GIF、ICO DGN、SHP等。

支持SHX、TrueType字體。

控件與AutoCAD兼容，支持AutoCAD R14至AutoCAD 2017的所有DWG圖紙格式，并保證能支持將來新出現的AutoCAD文件格式。

網絡功能

在控件支持的瀏覽器(見運行環境 )中，控件可瀏覽服務器上的DWG文件，把DWG文件保存到服務器、在服務器后臺運行控件、把DWG轉成其他格式、提取信息等；支持FTP連接，二進制數據流加載。

在網頁中使用控件演示

主要功能

DWG批量轉到PDF、DWF，圖紙信息搜索提取，測距離，算面積，圖章，批注，捕捉，正交，實體閃爍，曲線離散，偏移，打斷，陣列,擴展數據讀寫，擴展記錄讀寫，構造選擇集，打印，動畫，自定義實體，組，右鍵菜單，超連接，Undo，Redo，字典，圖層，標注樣式，線型樣式，文字樣式，視口，布局，用戶坐標系，系統變量，圖紙比較，圖紙剪切，界面切換，動態提示,google百度地圖等。

打印功能

框選、全屏打印、后臺批量打印、多個圖紙嵌套打印、與網頁合并打印等。

顯示功能

鳥瞰、放大鏡、視區平移、縮放、視區旋轉、鷹眼、透明顯示、背景、水印、網格、回溯顯示、最佳顯示、顯示/隱藏工具條、瀏覽模式、分屏顯示、矢量線、矢量圓、動畫、動態標注、疊加對比顯示等。

圖元支持

主要實體有：直線，圓弧，Polyline，樣條線，圓，橢圓，橢圓弧，IMAGE，點，塊引用，外部塊參照，射線，云線，文本，多行文本，對齊標注，旋轉標注，半徑標注，直徑標注，角度標注，OLE對象，布局，視口，圖層，線型，文字樣式，命名字典，標注，自定義實體，代理實體，反應器等。主要編輯有：移動，夾點拉伸，偏移，刪除，復制，粘貼，旋轉，縮放，鏡向，離散，圖案填充，實心填充，打碎，計算曲線長，面積，最jin點，交點，導角，文字變線條等。

編輯支持

移動、夾點拉伸、偏移、刪除、復制、粘貼、旋轉、縮放、鏡向、離散、圖案填充、實心填充、打碎、計算曲線長、面積、最近點、交點、倒角、文字變線條等。

幾何運算

面積，夾角，向量，矩陣，旋轉，縮放，最進點，最進距離，垂足，參數，鏡向，平移，交點，打斷，延伸，最短路徑，最長路徑。

支持事件

鼠標事件，鍵盤事件，選擇修改，夾點編輯，打圖紙完成，命令開始，命令執行完成，視區變化，動態提示，動態繪制，超連接點擊，對象修改，命令執行，進度條變動，系統變量修改，控件初始化完成，等事件。

在線咨詢

上一篇：34道常見的HTML+CSS面試題（附答案）
下一篇：SpringBoot如何防止XSS腳本攻擊？

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商