注意 不是用canvas畫圖 是在canvas中插入圖片
我很是驚訝 為啥明明img標簽就能解決的非要用canvas 不過別人寫好的 我一般不會動
需求是 canvas中的圖片自適應不能拉伸…… 老規律 還是圖片
————————————我是分割線——————————————————
HTML
JS
現在的效果已經可以出來了
嗯 沒錯 邊框顏色還是我最愛的pink
這時候你會發現我們的圖片並沒有垂直居中顯示 （我是根據寬度要自適應的）
我們需要這樣 在drawImage()方法中 進行修改x軸和y軸 嗯 經過我在我的小本本上畫圖和計算之后 得出以下結果
只需要在原來代碼的基礎上修改drawImage()方法就可以了
這時候我們要的就是垂直居中后的小姐姐 了
好了 中間浪費了很長時間用樣式來控制 我可能是個小傻瓜吧 哈哈哈哈哈