javascript - 如何用js动态设置canvas的宽和高。

问题描述

问 题

1、最近在做一个在线试题编辑项目，连线题部分需要用canvas进行画线，canvas的宽和高要根据我的试题编辑情况进行动态设置，我通过js进行动态设置，但是没有起效果，打印出来的宽和高依旧是默认值，求大神指点。
2、代码如下：

var canvas=document.getElementById('canvas');
var context=canvas.getContext('2d');
var canvas_height=$('.connection-div-box').height();
canvas.style.width = "170px";
canvas.style.height = canvas_height;
console.log("宽为："+canvas.width+"高为："+canvas.height);

3、打印结果如下：

解决方案

Canvas 要直接设置 attributes 的 width 和 height.

这篇关于javascript - 如何用js动态设置canvas的宽和高。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！