整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
T之家12月9日消息 微軟對Chromium開源項目非常感興趣，因為該項目對Edge和Chrome都有利。微軟最新的功能請求之一就是希望通過部署Edge HTML風格的滾動特性從而讓Chromium的滾動變得更加靈敏。
微軟打算將Impulse樣式（即EdgeHTML樣式）滾動動畫加入到Chromium中，微軟已經將該滾動動畫移植到了基于Chromium的Edge瀏覽器的Dev Canary通道中。默認情況下，Edge瀏覽器中啟用了脈沖樣式的滾動動畫。對于Chrome，該功能可能會在未來幾天內出現在試驗版瀏覽器中。
微軟表示，Impulse-style (也就是EdgeHTML-style)滾動動畫將提供更靈敏的滾動體驗，用戶啟用后鼠標滾輪的每個刻度都試圖模仿基于物理的內容，內容會開始快速移動然后逐漸變慢。換句話說，由于開始時的快速加速，該模式會給人一種更靈敏的感覺。
此外微軟還在推行另一項稱之為“percent-based scrolling”（基于百分比的滾動）的滾動方案，該模式允許瀏覽器將鼠標滾輪或者鍵盤滾動解釋為預期滾動條的百分比。微軟目前正努力將經典版Edge瀏覽器的優秀特性移植到Chromium平臺上，包括這項基于百分比的滾動方式。
頁中添加滾動字幕效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>滾動字體的設置</title>
</head>
<body>
<canvas id="canvas1" width="600" height="600" style="border:1px solid #000000"></canvas>
<script type="text/javascript">
var canvas1 = document.querySelector("#canvas1") // 1.找到畫布對象
var ctx = canvas1.getContext("2d") // 2.上下文對象（畫筆）
ctx.shadowBlur = 10; // 陰影距離
ctx.shadowColor = "red" // 陰影顏色
ctx.shadowOffsetX = 30 // 陰影偏移
ctx.shadowOffsetY = 30 // 陰影偏移
ctx.font = "150px 楷體"
ctx.fillText("你好！", 20,150)
ctx.fillText("你好！", 20,350)
ctx.strokeText('你好！',23, 153)
ctx.strokeText('你好',23, 553)
canvas繪制文字
var x = 600
setInterval(function(){
if(x > -350){
//清空畫布
ctx.clearRect(0,0,600,600)
ctx.strokeText('你好！',x, 153)
ctx.fillText("你好！", x,350)
ctx.font = "50px 宋體"
ctx.strokeText('每天學習一點點',x, 553)
x -= 3
}else{x=590}
}, 16)
</script>
</body>
</html>
過去幾個月中，微軟進一步展現了對Chromium開源項目的興趣和熱情，從而為Chrome、Edge以及其他基于該項目的瀏覽器做出各種貢獻。在最新提交的提案中，希望通過部署EdgeHTML風格的滾動特性從而讓Chromium的滾動變得更加靈敏。
在最新提交的Commit中，微軟希望將Impulse-style (也就是EdgeHTML-style) 滾動動畫加入到Chromium瀏覽器中。微軟表示已經將該滾動動畫移植到基于Chromium的Edge Dev和Canary通道版本中。
Impulse-style滾動動畫在Edge瀏覽器中默認處于啟用狀態。對于Chrome用戶來說，在未來幾天可以通過啟用實驗性Flag進行啟用。微軟表示Impulse-style滾動提供了更靈敏的滾動效果。鼠標滾輪的每個刻度都試圖模仿實際物理滾動效果，頁面滾動會先快速移動然后慢慢停下來。
此外微軟正努力推薦另一項稱之為“percent-based scrolling”（基于百分比的滾動）的滾動特性，允許瀏覽器將鼠標滾輪或者鍵盤滾動解釋為預期滾動條的百分比，這意味著在啟用該功能之后滾動體驗會更加流暢。微軟表示正努力將經典版Edge瀏覽器的優秀特性移植到Chromium平臺上，而基于百分比的滾動方式只是其中之一。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
