Заменить темный фон и квадрат

Question

Заменить темный фон и квадрат

0

Ниже приведен пример довольно крутого приложения angularjs с функцией перетаскивания. Он использует модуль ngDraggable.

<div ng-app="test" ng-controller="testCtrl">
    <div id="container">
        <div class="shape" ng-draggable='dragOptions'></div>
    </div>
</div>

Фон черный. Пользователь может перетащить белый квадрат. Я хочу сделать 2 вещи;

Замените черный фон на этот план.

Замените белый квадрат на этот простой значок изображения.

Как изменить jsfiddle, чтобы сделать это?

user781486 30 сен. 2015, в 11:39

Источник

Теги:

javascript

html

angularjs

css

drag-and-drop

1 ответ

Ещё вопросы

Man Programmer · Accepted Answer · 2015-09-30T06-53-00.000Z

проверьте эту ссылку

http://jsfiddle.net/35z4J/113/

#container {
   width : auto;
   height: 1200px;
   background:url('http://i.stack.imgur.com/GgZvy.jpg');
   background-repeat:no-repeat;
}

.shape {
    position: absolute;
    width : 200px;
    height: 500px;
     background:url('http://i.stack.imgur.com/NGQbN.png');
   background-repeat:no-repeat;
}

Спасибо! Но это работает частично. Я не могу переместить лампочку из левого верхнего угла в правый нижний угол. Он останавливается на полпути. РЕДАКТИРОВАТЬ: Это работает сейчас! Отличная работа. Интересно, можно ли заставить лампочку двигаться только внутри изображения?