當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
scale html 浏览器,javascript中scale怎么使用?
生活随笔
收集整理的這篇文章主要介紹了
scale html 浏览器,javascript中scale怎么使用?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JavaScript是一種屬于網絡的腳本語言,已經被廣泛用于Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。
scale() 方法:
scale() 方法縮放當前繪圖至更大或更小。
如果您對繪圖進行縮放,所有之后的繪圖也會被縮放。定位也會被縮放。如果您 scale(2,2),那么繪圖將定位于距離畫布左上角兩倍遠的位置。
JavaScript 語法:context.scale(scalewidth,scaleheight);
參數:
scalewidth:縮放當前繪圖的寬度(1=100%,0.5=50%,2=200%,依次類推)。
scaleheight:縮放當前繪圖的高度(1=100%,0.5=50%,2=200%,依次類推)。
示例:
HTML中文網您的瀏覽器不支持 HTML5 canvas 標簽。
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
運行結果:
想要了解更多相關知識,可訪問 前端學習網站!!
總結
以上是生活随笔為你收集整理的scale html 浏览器,javascript中scale怎么使用?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何让家里的橱柜更加整洁?
- 下一篇: html5时间画布走动,javascri