ZIM BEAM (thankstodanzanlabellettersdesign) - Code Sharing for JavaScript Canvas Framework - Code Creativity with ZIMjs!

Navigation for the ZIM JavaScript Canvas Framework

About Examples Learn Editor Code Docs Devs Gold

BEAM

Share ZIM CODE use ZIM BEAM

COPY

SHOW

thankstodanzanlabellettersdesign 2025-03-20 09:49:21

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>ZIM Editor - JavaScript Canvas - Code Creativity!</title>
<script>document.Blob = Blob; document.Window = Window;</script>

<script src=https://zimjs.org/cdn/qrcode.js></script>
<script src=https://zimjs.org/cdn/gifler.js></script>

<script type="module">

import zim from "https://zimjs.org/cdn/017/zim";

const scaling = FIT;
const width = 1024;
const height = 768;
const color = light
const outerColor = licorice
const sensors = true;

new Frame({scaling, width, height, color, outerColor, ready, sensors});
function ready(frame, stage, stageW, stageH) { // parameters for backwards compatibility

const text1 = new LabelLetters({
	
	    label: "תודה רבה ל<font color=purple>דן זן</font> על המאמצים ועל העבודה היפה",
	
	    lineWidth: 1000,
	
	    // lineAlign: RIGHT,
	
	    // rtl: true
	
	}).pos(10, 120, LEFT, TOP).outline();
	
	new Rectangle(1000, text1.height, clear, grey).alp(.3).center().loc(text1);
	
	
	const text2 = new LabelLetters({
	
	    label: "תודה רבה ל<font color=purple>דן זן</font> על המאמצים ועל העבודה היפה",
	
	    lineWidth: 1000,
	
	    lineAlign: RIGHT,
	
	    // rtl: true
	
	}).pos(10, 200, LEFT, TOP).outline();
	
	new Rectangle(1000, text2.height, clear, grey).center().loc(text2);
	
	
	const text3 = new LabelLetters({
	
	    label: "תודה רבה ל<font color=purple>דן זן</font> על המאמצים ועל העבודה היפה",
	
	    lineWidth: 1000,
	
	    // lineAlign: RIGHT,
	
	    rtl: true
	
	}).pos(10, 280, LEFT, TOP).outline();
	
	new Rectangle(1000, text3.height, clear, grey).center().loc(text3);
	
	
	const text4 = new LabelLetters({
	
	    label: "תודה רבה ל<font color=purple>דן זן</font> על המאמצים ועל העבודה היפה",
	
	    lineWidth: 412,
	
	    // lineAlign: RIGHT,
	
	    // rtl: true
	
	}).pos(10, 350, LEFT, TOP).outline();
	
	new Rectangle(412, text4.height, clear, grey).center().loc(text4);
	
	
	const text5 = new LabelLetters({
	
	    label: "תודה רבה ל<font color=purple>דן זן</font> על המאמצים ועל העבודה היפה",
	
	    lineWidth: 412,
	
	    lineAlign: RIGHT,
	
	    // rtl: true
	
	}).pos(10, 490, LEFT, TOP).outline();
	
	new Rectangle(412, text5.height, clear, grey).center().loc(text5);
	
	
	const text6 = new LabelLetters({
	
	    label: "תודה רבה ל<font color=purple>דן זן</font> על המאמצים ועל העבודה היפה",
	
	    lineWidth: 412,
	
	    // lineAlign: RIGHT,
	
	    rtl: true
	
	}).pos(10, 630, LEFT, TOP).outline();
	
	new Rectangle(412, text6.height, clear, grey).center().loc(text6);

} // end of ready

</script>

<script>
// ignore this code
window.addEventListener("wheel",function(e) {
    window.parent.scrollBy(e.deltaX,e.deltaY);
});
window.onerror = function(msg, url, lineNo, columnNo, error) {
    document.write(`
        <html><head>
        <style>
            html {background-color:#ebcb35;} body {padding:20px; border:10px tomato solid; font-size:20px; font-family:courier; background-color:white; color:#666}
            #title {padding:5px 10px; background-color:tomato; color:white;}
        </style>
        </head>
        <body>
        <span id=title>ZIM Test Error</span><br><br>`);    
    if (lineNo <= 25) {
        document.write("error - if assets, make sure sound, image, etc. paths are correct");
    } else {
        document.write(`${msg}<br>Line: ${lineNo-25}`);
    }
    document.write("</body></html>");            
    document.close();
};
const prefix = "";
const title = "";
if (parent && title) {
    parent.document.title = "ZIM Editor - " + (prefix != ""?prefix + " -":"")  + title;
} else {
    parent.document.title = "ZIM Editor - JavaScript Canvas Online Code Editor and Viewer";
}
</script>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
<body>
</body>
</html>