javascript
scale html 浏览器,javascript中scale怎么使用?
JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言,已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā),常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能,為用戶(hù)提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過(guò)嵌入在HTML中來(lái)實(shí)現(xiàn)自身的功能的。
scale() 方法:
scale() 方法縮放當(dāng)前繪圖至更大或更小。
如果您對(duì)繪圖進(jìn)行縮放,所有之后的繪圖也會(huì)被縮放。定位也會(huì)被縮放。如果您 scale(2,2),那么繪圖將定位于距離畫(huà)布左上角兩倍遠(yuǎn)的位置。
JavaScript 語(yǔ)法:context.scale(scalewidth,scaleheight);
參數(shù):
scalewidth:縮放當(dāng)前繪圖的寬度(1=100%,0.5=50%,2=200%,依次類(lèi)推)。
scaleheight:縮放當(dāng)前繪圖的高度(1=100%,0.5=50%,2=200%,依次類(lèi)推)。
示例:
HTML中文網(wǎng)您的瀏覽器不支持 HTML5 canvas 標(biāo)簽。
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);
運(yùn)行結(jié)果:
想要了解更多相關(guān)知識(shí),可訪問(wèn) 前端學(xué)習(xí)網(wǎng)站!!
總結(jié)
以上是生活随笔為你收集整理的scale html 浏览器,javascript中scale怎么使用?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 如何让家里的橱柜更加整洁?
- 下一篇: 租的房子没有暖气冬天很冷,可以推荐一些适