我有以下问题我想在 SVG 文档中动态创建 HTML 按钮。首先我查看SVG文档，找到合适的reactangle并用<foreignObject>元素替换矩形。我能够生成以下 SVG
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="100%"
height="100%"
viewBox="0 0 93.875076 43.283451"
id="svg20755"
xml:space="preserve">
<g id="Button-1" transform="translate(0.5000775,0.50220189)">
<foreignObject xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="93" height="43">
<body xmlns="http://www.w3.org/1999/xhtml" style="margin: 0px; height: 100%;">
<button type="button" style="width:100%; height:100%;" onclick="alert('Button clicked')">
Juhuhuhu!
</button>
</body>
</foreignObject>
</g>
</svg>
这是我如何创建元素的片段
var ns_HTML = 'http://www.w3.org/1999/xhtml';
var ns_SVG = REX.HELPERS.ns_svg;
var element = <Some code to load an SVG element>
var foreignObject = document.createElementNS(ns_SVG, 'foreignObject');
var body = document.createElementNS(ns_HTML, 'body'); …我有以下模式
BASE = function () {
var that = {};
var number = 10;
that.showNumber = function(){
that.alertNumber();
}
that.alertNumber = function () {
alert(number);
};
return that;
};
CHILD = function () {
var that = Object.create(BASE());
var secondNumber = 20;
// Override base function
that.alertNumber = function () {
alert(secondNumber);
};
return that;
};
var ch = CHILD();
ch.showNumber();
你能告诉我如何调整我的Douglas CrockFord启发的模块模式来完全覆盖alerNumber功能吗？到目前为止,showNumber功能显示10而不是20.
先谢谢大家
JSFiddle与代码在这里
我有以下项目结构:
- _build/
- build-tools/
- gulpfile.js
- someFolder/
- excludeFolder/
- index.html
我想将除_build'和'excludeFolder'目录之外的所有文件复制到_build/release目录中.
我正在使用这个gulp任务:
gulp.src(['*',
'!_build/**/*',
'!build-tools/**/*',
'!excludeFolder/**/*'],{base:'..'})
.pipe(gulp.dest('_build/release'));
如何命令Gulp从上层根目录或gulfile.js所在的任何其他目录启动相对路径？
我有三个按钮Start,Abort和Close.你能告诉我怎样才能将开始和中止按钮精确地点到DIV的中心并关闭右侧的按钮.当我使用 float:right开始和中止按钮对齐到休息空间的中心时:(
<div style="text-align: center; width: 100%; border-width: 1px 0 0 0; ">
<button id="btn-continue-top-fill">Start</button>
<button id="btn-cancel-top-fill">Abort</button>
<button id="btn-close-top-fill" style="float: right;">Close</button>
</div>