是否可以输入带变量的背景图像大小？

Question

var setSize = $('#inputSize').val();

$("#canvas").css({
  'background-size': '100px' + setSize
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inputSize" class="form-control" type="number" value="">

Answer 1

是的，你可以，但你的代码中有一些东西。

最好这样做

{{1}}

Answer 2

考虑到你想在文本框中输入值时添加CSS。

HTML

<input id="inputSize">
<div id="canvas"></div>

JS

$('#inputSize').on('input', function() {
  var setSize = 100 + parseInt($('#inputSize').val()) + 'px';

  $("#canvas").css({
    'background-size' : setSize
  });
});