Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使DIV跟随变换_Javascript_Css - Fatal编程技术网

Javascript 如何使DIV跟随变换

Javascript 如何使DIV跟随变换,javascript,css,Javascript,Css,长话短说,我试图将文本放入一个用javascript设置动画的框中 var two=新的两个({ 全屏:对, 自动启动:正确 }).附录(文件正文); const card=2.makeRoundedRectangle(230/2,2.height/2,230,130,10); const div=document.createElement(“div”);//这是重要的东西 const text=document.createTextNode(“这是文本”); // 子目录(文本);/

长话短说,我试图将文本放入一个用javascript设置动画的框中

var two=新的两个({
全屏:对,
自动启动:正确
}).附录(文件正文);
const card=2.makeRoundedRectangle(230/2,2.height/2,230,130,10);
const div=document.createElement(“div”);//这是重要的东西
const text=document.createTextNode(“这是文本”);				//
子目录(文本);//这是重要的东西
2.update();//这里需要添加到dom中
card._renderer.elem.style.cssText='位置:相对;宽度:230px;高度:130像素;//这是重要的东西
div.style.cssText='位置:绝对;宽度:200px;高度:200px;';											// 
卡片.元素.子元素(div);//这是重要的东西
2.bind('update',函数(framNum)
{
card.translation.x+=1
如果(卡片平移x>2.5倍宽度-230/2)
{
卡片翻译x=230/2
}
}).play()

您需要使用
two
的文本功能,而不是使用与DOM相关的函数。在这种情况下,
two
呈现为SVG格式,因此添加HTML标记将不起作用

var two=newtwo({fullscreen:true,autostart:true});
const card=2.makeRoundedRectangle(230/2,2.height/2,230,130,10);
var styles={size:24,family:'Calibri'};
var text=new Two.text(“这是text.”,120,100,styles);
var group=2.makeGroup(卡片、文本);
2.update();//这里需要添加到dom中
card._renderer.elem.style.cssText='位置:相对;宽度:230px;高度:130像素;		
2.bind('update',函数(framNum)
{
group.translation.x+=1
如果(组平移.x>2.0宽度-230/2)
{
组.translation.x=230/2
}
}).play()

im 3/3对于此站点上评论为0的帖子,此帖子到底有什么问题?您已经在svg中创建了一个html节点。这是不允许的。谢谢你的帮助!遗憾的是,我不能用这种方式将文字换行,但我将创建多行