js实现在线海报banner设计中的任意元素拖放缩放旋转效果
现在网上有很多的在线海报及banner制作工具，选择模板，然后修改数据，就可快速的制作一张海报或banner，那么用js如何实现这样的功能呢，其实很简单，我们用一款插件就可以解决。
今天介绍的是一款叫subjx.js的强大插件，先看看效果
github地址：https://github.com/nichollascarter/subjx
是不是很强大，我们看看代码如何实现，当鼠标点击元素的时候变成可编辑，当失去焦点后又变成原始状态,完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
use(["subjx", "subjx"], function() {
// create Observable instance
const obs = subjx.createObservable();
const svgOptions = {
container: '#svg-container',
restrict: '#svg-container',
proportions: true,
//rotationPoint: true,
// themeColor: 'white',
each: {
resize: true,
move: true,
rotate: true
},
sn...点击查看剩余70%
{{collectdata}}
网友评论0