亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
外面的那層判斷可以不需要，四層循環已經可以了
i j 直接從0開始遍歷，當blurR半徑比較大的時候，越界的像素點用另一邊的像素點補充，邊緣就可以模糊一些了，雖然效率有點慢，哈哈哈，四層循環里面判斷下x y的值就可以了
for(let k = 0; k < blurR; k++){
if( x < 0){
x += canvasb.height;
}else if(x > canvasb.height - 1){
x -= canvasb.height; }
if( y < 0){
y += canvasb.width;
}else if(y > canvasb.width - 1){
y -= canvasb.width;}
}
第一個：
var imageWidth = canvas.width * scale；
var imageHeight = canvas.height * scale；
var x = (imageWidth - canvas.width) / (2*scale);
var y = (imageHeight - canvas.height)/ (2*scale);
context.drawImage( image , x , y , canvas.width/scale , canvas.height/scale , 0 , 0 , canvas.width , canvas.height )
第一種方法，只是假想擴大了，其實并沒有，所以最后的坐標跟長寬還要改回去，應該是
context.drawImage( image , sx/scale , sy/scale , canvas.width/scale , canvas.height/scale , 0 , 0 , canvas.width , canvas.height )
https://www.zhihu.com/question/30262900
下載案例中的blurEffect()的blurR半徑調整到30的時候， 明顯發現周圍一圈沒有被模糊，算法還有待改進。
var mousedown = false
slider.onmousedown = function () {
mousedown = true
}
slider.onmouseup = function () {
mousedown = false
}
slider.onmousemove = function () {
if (mousedown) {
scale = this.value
drawImageByScale(scale)
}
}
溫馨提示：img-lg這個圖片本來是大的，繪制到canvas上的時候縮小了，使用放大鏡繪制的時候，直接使用了這個圖片，都是據此計算的
為什么我canvasb 總是看成 canva sb
是不是很酷？大家加油！
老師的口頭禪，哈哈哈
老師的編程邏輯非常清晰啊，受益匪淺，希望繼續出新的課程，感謝。
講的非常好，多謝老師引路
特別喜歡老師每次結束說的，大家加油！
首頁上一頁1234567下一頁尾頁
課程須知
本課程是《炫麗的倒計時效果——canvas繪圖和動畫基礎》和《canvas繪圖詳解》這兩門課程的進一步深入。將教會大家使用canvas編寫屬于自己的圖像算法，創建出炫麗的效果！
老師告訴你能學到什么？
1、使用canvas將圖像渲染在畫布上； 2、離屏canvas； 3、使用canvas進行像素級操作。

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消