qjkankan_v1.1.1/packages/qjkankan-editor/public/static/template/test.xml

<krpano>
    <link type="text/css" rel="stylesheet" id="dark-mode-custom-link"/>
    <link type="text/css" rel="stylesheet" id="dark-mode-general-link"/>
    <style lang="en" type="text/css" id="dark-mode-custom-style"/>
    <style lang="en" type="text/css" id="dark-mode-native-style"/>
    <style lang="en" type="text/css" id="dark-mode-native-sheet"/>
    <!--  use a grid preview pano as background  -->
    <preview type="grid(cube,16,16,512,0xCCCCCC,0xF6F6F6,0x999999);"/>
    <!--  view settings  -->
    <view hlookat="0" vlookat="0" fovtype="VFOV" fov="100" fovmin="60" fovmax="150"/>
    <!--  a style for a simple textfield element  -->
    <style name="text" url="%SWFPATH%/plugins/textfield.swf" background="false" css="color:#FFFFFF;" enabled="false"/>
    <!--  the action for dragging the layer elements - call it once in the ondown event  -->
    <action name="draglayer"> copy(drag_currentx, x); copy(drag_currenty, y); copy(drag_stagex, mouse.stagex); copy(drag_stagey, mouse.stagey); indexoftxt(align_contains_right, get(align), 'right'); indexoftxt(align_contains_bottom, get(align), 'bottom'); calc(drag_align_x, align_contains_right GE 0 ? -1 : +1); calc(drag_align_y, align_contains_bottom GE 0 ? -1 : +1); asyncloop(pressed, calc(x, drag_currentx + (mouse.stagex - drag_stagex)*drag_align_x); calc(y, drag_currenty + (mouse.stagey - drag_stagey)*drag_align_y); ); </action>
    <!--  a special action for dragging a layer only vertically within its parent layer  -->
    <action name="draglayer_vertically_within_parent"> copy(drag_currenty, y); copy(drag_stagey, mouse.stagey); calc(y_min, layer[get(parent)].pixelheight - pixelheight); if(y_min LT 0, asyncloop(pressed, calc(y, drag_currenty + (mouse.stagey - drag_stagey)); clamp(y, get(y_min), 0); ); ); </action>
    <!--  the example layers  -->
    <layer name="box1" type="container" align="lefttop" x="50" y="50" width="250" height="250" bgcolor="0x000000" bgalpha="0.5" bgcapture="true" maskchildren="true" ondown="draglayer();">
        <layer name="txt1" style="text" html="drag me" align="lefttop"/>
        <layer name="box2" type="container" align="center" x="0" y="0" width="100" height="100" bgcolor="0x44AADD" bgalpha="1.0" bgcapture="true" ondown="draglayer();">
            <layer name="txt2" style="text" html="drag me" align="center"/>
        </layer>
        <layer name="txt3" style="text" html="maskchildren=true" align="leftbottom"/>
    </layer>
    <layer name="box3" type="container" align="rightbottom" x="50" y="150" width="300" height="200" bgcolor="0x0033FF" bgalpha="0.5" bgcapture="true" maskchildren="false" ondown="draglayer();">
        <layer name="txt4" style="text" html="drag me" align="lefttop"/>
        <layer name="box4" type="container" align="center" x="0" y="0" width="100" height="100" bgcolor="0x33FF33" bgalpha="0.7" bgcapture="true" ondown="draglayer();">
            <layer name="txt5" style="text" html="drag me" align="center"/>
        </layer>
        <layer name="txt6" style="text" html="maskchildren=false" align="leftbottom"/>
    </layer>
    <layer name="textbox" type="container" align="center" x="0" y="0" width="300" height="300" bgcolor="0x333333" bgalpha="0.7" bgcapture="true" ondown="draglayer();">
        <layer name="title" style="text" align="top" y="5" width="100%" css="text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:14px;" html="Textbox"/>
        <layer name="textarea" type="container" align="lefttop" x="10" y="30" width="280" height="260" bgcolor="0xFFFFFF" bgalpha="1.0" maskchildren="true">
            <layer name="text" style="text" enabled="true" align="lefttop" x="0" y="0" width="100%" autoheight="true" css="text-align:left; color:#000000; font-family:Arial; font-size:15px;" html="data:testtext" ondown="draglayer_vertically_within_parent();"/>
        </layer>
    </layer>
    <data name="testtext"> The [b]krpano Viewer[/b] is a small and very flexible high-performance viewer for all kind of panoramic images and interactive virtual tours. The viewer is available as Flash and HTML5 application. The viewer is designed for the usage inside the Browser on Desktop (Windows, Mac, Linux) and on Mobiles/Tablets (iPhone, iPad, Android, ...).[br/] [br/] In addition to the [b]krpano Viewer[/b] there are the [b]krpano Tools[/b] - this are small tools and droplets which are helping to automatically prepare the panoramic images for viewing and making them ready-to-use. Making a pano or a tour is possible just by drag-and-drop.[br/] [br/] Convince yourself by viewing the examples and / or by downloading the krpano Viewer and krpano Tools for free and try using them with your own panoramic images.[br/] </data>
</krpano>