javascript - dom css在javascript中不起作用
问题描述
我想从 javascript 更改画布左边距,因为我想使用变量。但不知何故,代码不起作用。这是我的代码
var upbicanvas = document.getElementById("upbi");
var upbictx = upbicanvas.getContext("2d");
var upbiimage = new Image();
upbiimage.onload = function () {
console.log("Loading Top Image...");
upbictx.drawImage(upbiimage, 1400, 0, 2500, 2600, 0, 0, upbicanvas.width, upbicanvas.height);
}
upbiimage.src = "images/BI.jpg";
var w = screen.width;
var h = screen.height / 15;
var uph = screen.height / 2;
var mleft = -1 * (w / 45);
var uppercanvas = document.getElementById("upperbi");
uppercanvas.height = h;
uppercanvas.width = w;
uppercanvas.style.marginLeft = mleft;
upbicanvas.width = w;
uppercanvas.style.marginLeft 部分不起作用。任何人都知道出了什么问题以及如何解决?
对不起,如果我的英语不好..
解决方案
您需要明确指定要表示的单位mleft
。
而不是uppercanvas.style.marginLeft = mleft
您正在寻找:
uppercanvas.style.marginLeft = mleft + "px"
这可以在下面看到:
var w = screen.width;
var h = screen.height / 15;
var uph = screen.height / 2;
var mleft = -1 * (w / 45);
var uppercanvas = document.getElementById("upperbi");
uppercanvas.style.marginLeft = mleft + "px";
<div id="upperbi">Test</div>
推荐阅读
- java - 在用户给出时间间隔的情况下,如何让应用程序每天在特定的时间间隔内工作?
- python - 在python 3中将循环转换为lambda以返回true或false而不使用过滤器方法?
- python - 烧瓶错误 - AttributeError 'NoneType' 对象没有属性 'isatty'
- javascript - 中心 SVG 组元素
- python - 使用 Python Eve 的 SQLAlchemy 版本进行验证
- html - 工具提示的 CSS 可见性规则不起作用
- javascript - 在 Amazon Elastic Beanstalkd 上部署 Javascript Cron 作业和队列
- javascript - $.jAlert 不是函数
- android - 同时使用 fresco 和 MediaPlayer
- javascript - 如何创建 javascript 正则表达式以获取匹配项 {{match}}