{"id":135,"date":"2015-11-15T02:06:58","date_gmt":"2015-11-15T01:06:58","guid":{"rendered":"http:\/\/92.205.129.62\/bmetallica\/?page_id=135"},"modified":"2026-05-07T09:34:24","modified_gmt":"2026-05-07T07:34:24","slug":"canvas-gauge-zur-temperaturanzeige","status":"publish","type":"page","link":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/","title":{"rendered":"canvas gauge zur Temperaturanzeige"},"content":{"rendered":"<p><script type=\"text\/javascript\">\/\/ <![CDATA[\nvar framefenster = document.getElementsByTagName(\"iFrame\");\n  var auto_resize_timer = window.setInterval(\"autoresize_frames()\", 400);\n  function autoresize_frames() {\n    for (var i = 0; i < framefenster.length; ++i) { if(framefenster[i].contentWindow.document.body){ var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight; if(document.all &#038;&#038; !window.opera) { framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight; } framefenster[i].style.height = framefenster_size + 'px'; } } }\n\/\/ ]]><\/script><\/p>\n<h1 style=\"text-align: center;\"><span style=\"text-decoration: underline;\">Canvas Gauge zur Temperaturanzeige<\/span><\/h1>\n<p><center><span style=\"text-decoration: underline;\">Beispiel:<\/span><\/center><\/p>\n<div style=\"position: absolute; left: 40%;\"><iframe loading=\"lazy\" width=\"300\" height=\"150\" style=\"width: 600px; height: 200px; align: center;\" src=\"http:\/\/92.205.129.62\/bmetallica\/2.php\" frameborder=\"0\" name=\"irgendwas\" scrolling=\"no\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>F\u00fcr dieses Gauge habe ich ein Beispielscript vorbereitet:<\/p>\n<p>index.php (dieses <a href=\"http:\/\/92.205.129.62\/bmetallica\/jquery.js\" target=\"_blank\" rel=\"noopener\">jquerry-script<\/a> wird ben\u00f6tigt) :<\/p>\n<pre class=\"lang:default decode:true \" title=\"index gauge\">&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n    &lt;head&gt;\r\n        &lt;title&gt;&lt;\/title&gt;\r\n\r\n        &lt;script&gt;\r\n        var data_val = 0;\r\n        var data_val2 = 0;\r\n&lt;!-- Gauge Code Starts --&gt;\r\nvar Gauge=function(b){function l(a,b){for(var c in b)\"object\"==typeof b[c]&amp;&amp;\"[object Array]\"!==Object.prototype.toString.call(b[c])&amp;&amp;\"renderTo\"!=c?(\"object\"!=typeof a[c]&amp;&amp;(a[c]={}),l(a[c],b[c])):a[c]=b[c]}function q(){z.width=b.width;z.height=b.height;A=z.cloneNode(!0);B=A.getContext(\"2d\");C=z.width;D=z.height;t=C\/2;u=D\/2;f=t&lt;u?t:u;A.i8d=!1;B.translate(t,u);B.save();a.translate(t,u);a.save()}function v(a){var b=new Date;G=setInterval(function(){var c=(new Date-b)\/a.duration;1&lt;c&amp;&amp;(c=1);var f=(\"function\"==\r\ntypeof a.delta?a.delta:M[a.delta])(c);a.step(f);1==c&amp;&amp;clearInterval(G)},a.delay||10)}function k(){G&amp;&amp;clearInterval(G);var a=I-n,h=n,c=b.animation;v({delay:c.delay,duration:c.duration,delta:c.fn,step:function(b){n=parseFloat(h)+a*b;E.draw()}})}function e(a){return a*Math.PI\/180}function g(b,h,c){c=a.createLinearGradient(0,0,0,c);c.addColorStop(0,b);c.addColorStop(1,h);return c}function p(){var m=93*(f\/100),h=f-m,c=91*(f\/100),e=88*(f\/100),d=85*(f\/100);a.save();b.glow&amp;&amp;(a.shadowBlur=h,a.shadowColor=\r\n\"rgba(0, 0, 0, 0.5)\");a.beginPath();a.arc(0,0,m,0,2*Math.PI,!0);a.fillStyle=g(\"#ddd\",\"#aaa\",m);a.fill();a.restore();a.beginPath();a.arc(0,0,c,0,2*Math.PI,!0);a.fillStyle=g(\"#fafafa\",\"#ccc\",c);a.fill();a.beginPath();a.arc(0,0,e,0,2*Math.PI,!0);a.fillStyle=g(\"#eee\",\"#f0f0f0\",e);a.fill();a.beginPath();a.arc(0,0,d,0,2*Math.PI,!0);a.fillStyle=b.colors.plate;a.fill();a.save()}function w(a){var h=!1;a=0===b.majorTicksFormat.dec?Math.round(a).toString():a.toFixed(b.majorTicksFormat.dec);return 1&lt;b.majorTicksFormat[\"int\"]?\r\n(h=-1&lt;a.indexOf(\".\"),-1&lt;a.indexOf(\"-\")?\"-\"+(b.majorTicksFormat[\"int\"]+b.majorTicksFormat.dec+2+(h?1:0)-a.length)+a.replace(\"-\",\"\"):\"\"+(b.majorTicksFormat[\"int\"]+b.majorTicksFormat.dec+1+(h?1:0)-a.length)+a):a}function d(){var m=81*(f\/100);a.lineWidth=2;a.strokeStyle=b.colors.majorTicks;a.save();if(0===b.majorTicks.length){for(var h=(b.maxValue-b.minValue)\/5,c=0;5&gt;c;c++)b.majorTicks.push(w(b.minValue+h*c));b.majorTicks.push(w(b.maxValue))}for(c=0;c&lt;b.majorTicks.length;++c)a.rotate(e(45+c*(270\/(b.majorTicks.length-\r\n1)))),a.beginPath(),a.moveTo(0,m),a.lineTo(0,m-15*(f\/100)),a.stroke(),a.restore(),a.save();b.strokeTicks&amp;&amp;(a.rotate(e(90)),a.beginPath(),a.arc(0,0,m,e(45),e(315),!1),a.stroke(),a.restore(),a.save())}function J(){var m=81*(f\/100);a.lineWidth=1;a.strokeStyle=b.colors.minorTicks;a.save();for(var h=b.minorTicks*(b.majorTicks.length-1),c=0;c&lt;h;++c)a.rotate(e(45+c*(270\/h))),a.beginPath(),a.moveTo(0,m),a.lineTo(0,m-7.5*(f\/100)),a.stroke(),a.restore(),a.save()}function s(){for(var m=55*(f\/100),h=0;h&lt;b.majorTicks.length;++h){var c=\r\nF(m,e(45+h*(270\/(b.majorTicks.length-1))));a.font=20*(f\/200)+\"px Arial\";a.fillStyle=b.colors.numbers;a.lineWidth=0;a.textAlign=\"center\";a.fillText(b.majorTicks[h],c.x,c.y+3)}}function x(a){var h=b.valueFormat.dec,c=b.valueFormat[\"int\"];a=parseFloat(a);var f=0&gt;a;a=Math.abs(a);if(0&lt;h){a=a.toFixed(h).toString().split(\".\");h=0;for(c-=a[0].length;h&lt;c;++h)a[0]=\"0\"+a[0];a=(f?\"-\":\"\")+a[0]+\".\"+a[1]}else{a=Math.round(a).toString();h=0;for(c-=a.length;h&lt;c;++h)a=\"0\"+a;a=(f?\"-\":\"\")+a}return a}function F(a,b){var c=\r\nMath.sin(b),f=Math.cos(b);return{x:0*f-a*c,y:0*c+a*f}}function N(){a.save();for(var m=81*(f\/100),h=m-15*(f\/100),c=0,g=b.highlights.length;c&lt;g;c++){var d=b.highlights[c],r=(b.maxValue-b.minValue)\/270,k=e(45+(d.from-b.minValue)\/r),r=e(45+(d.to-b.minValue)\/r);a.beginPath();a.rotate(e(90));a.arc(0,0,m,k,r,!1);a.restore();a.save();var l=F(h,k),p=F(m,k);a.moveTo(l.x,l.y);a.lineTo(p.x,p.y);var p=F(m,r),n=F(h,r);a.lineTo(p.x,p.y);a.lineTo(n.x,n.y);a.lineTo(l.x,l.y);a.closePath();a.fillStyle=d.color;a.fill();\r\na.beginPath();a.rotate(e(90));a.arc(0,0,h,k-0.2,r+0.2,!1);a.restore();a.closePath();a.fillStyle=b.colors.plate;a.fill();a.save()}}function K(){var m=12*(f\/100),h=8*(f\/100),c=77*(f\/100),d=20*(f\/100),k=4*(f\/100),r=2*(f\/100),l=function(){a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=10;a.shadowColor=\"rgba(188, 143, 143, 0.45)\"};l();a.save();n=0&gt;n?Math.abs(b.minValue-n):0&lt;b.minValue?n-b.minValue:Math.abs(b.minValue)+n;a.rotate(e(45+n\/((b.maxValue-b.minValue)\/270)));a.beginPath();a.moveTo(-r,-d);a.lineTo(-k,\r\n0);a.lineTo(-1,c);a.lineTo(1,c);a.lineTo(k,0);a.lineTo(r,-d);a.closePath();a.fillStyle=g(b.colors.needle.start,b.colors.needle.end,c-d);a.fill();a.beginPath();a.lineTo(-0.5,c);a.lineTo(-1,c);a.lineTo(-k,0);a.lineTo(-r,-d);a.lineTo(r\/2-2,-d);a.closePath();a.fillStyle=\"rgba(255, 255, 255, 0.2)\";a.fill();a.restore();l();a.beginPath();a.arc(0,0,m,0,2*Math.PI,!0);a.fillStyle=g(\"#f0f0f0\",\"#ccc\",m);a.fill();a.restore();a.beginPath();a.arc(0,0,h,0,2*Math.PI,!0);a.fillStyle=g(\"#e8e8e8\",\"#f5f5f5\",h);a.fill()}\r\nfunction L(){a.save();a.font=40*(f\/200)+\"px Led\";var b=x(y),h=a.measureText(\"-\"+x(0)).width,c=f-33*(f\/100),g=0.12*f;a.save();var d=-h\/2-0.025*f,e=c-g-0.04*f,h=h+0.05*f,g=g+0.07*f,k=0.025*f;a.beginPath();a.moveTo(d+k,e);a.lineTo(d+h-k,e);a.quadraticCurveTo(d+h,e,d+h,e+k);a.lineTo(d+h,e+g-k);a.quadraticCurveTo(d+h,e+g,d+h-k,e+g);a.lineTo(d+k,e+g);a.quadraticCurveTo(d,e+g,d,e+g-k);a.lineTo(d,e+k);a.quadraticCurveTo(d,e,d+k,e);a.closePath();d=a.createRadialGradient(0,c-0.12*f-0.025*f+(0.12*f+0.045*f)\/\r\n2,f\/10,0,c-0.12*f-0.025*f+(0.12*f+0.045*f)\/2,f\/5);d.addColorStop(0,\"#888\");d.addColorStop(1,\"#666\");a.strokeStyle=d;a.lineWidth=0.05*f;a.stroke();a.shadowBlur=0.012*f;a.shadowColor=\"rgba(0, 0, 0, 1)\";a.fillStyle=\"#babab2\";a.fill();a.restore();a.shadowOffsetX=0.004*f;a.shadowOffsetY=0.004*f;a.shadowBlur=0.012*f;a.shadowColor=\"rgba(0, 0, 0, 0.3)\";a.fillStyle=\"#444\";a.textAlign=\"center\";a.fillText(b,-0,c);a.restore()}Gauge.Collection.push(this);this.config={renderTo:null,width:200,height:200,title:!1,\r\nmaxValue:100,minValue:0,majorTicks:[],minorTicks:10,strokeTicks:!0,units:!1,valueFormat:{\"int\":3,dec:2},majorTicksFormat:{\"int\":1,dec:0},glow:!0,animation:{delay:10,duration:250,fn:\"cycle\"},colors:{plate:\"#fff\",majorTicks:\"#444\",minorTicks:\"#666\",title:\"#888\",units:\"#888\",numbers:\"#444\",needle:{start:\"rgba(240, 128, 128, 1)\",end:\"rgba(255, 160, 122, .9)\"}},highlights:[{from:20,to:60,color:\"#eee\"},{from:60,to:80,color:\"#ccc\"},{from:80,to:100,color:\"#999\"}]};var y=0,E=this,n=0,I=0,H=!1;this.setValue=\r\nfunction(a){n=b.animation?y:a;var d=(b.maxValue-b.minValue)\/100;I=a&gt;b.maxValue?b.maxValue+d:a&lt;b.minValue?b.minValue-d:a;y=a;b.animation?k():this.draw();return this};this.setRawValue=function(a){n=y=a;this.draw();return this};this.clear=function(){y=n=I=this.config.minValue;this.draw();return this};this.getValue=function(){return y};this.onready=function(){};l(this.config,b);this.config.minValue=parseFloat(this.config.minValue);this.config.maxValue=parseFloat(this.config.maxValue);b=this.config;n=\r\ny=b.minValue;if(!b.renderTo)throw Error(\"Canvas element was not specified when creating the Gauge object!\");var z=b.renderTo.tagName?b.renderTo:document.getElementById(b.renderTo),a=z.getContext(\"2d\"),A,C,D,t,u,f,B;q();this.updateConfig=function(a){l(this.config,a);q();this.draw();return this};var M={linear:function(a){return a},quad:function(a){return Math.pow(a,2)},quint:function(a){return Math.pow(a,5)},cycle:function(a){return 1-Math.sin(Math.acos(a))},bounce:function(a){a:{a=1-a;for(var b=0,\r\nc=1;;b+=c,c\/=2)if(a&gt;=(7-4*b)\/11){a=-Math.pow((11-6*b-11*a)\/4,2)+Math.pow(c,2);break a}a=void 0}return 1-a},elastic:function(a){a=1-a;return 1-Math.pow(2,10*(a-1))*Math.cos(30*Math.PI\/3*a)}},G=null;a.lineCap=\"round\";this.draw=function(){if(!A.i8d){B.clearRect(-t,-u,C,D);B.save();var g={ctx:a};a=B;p();N();J();d();s();b.title&amp;&amp;(a.save(),a.font=24*(f\/200)+\"px Arial\",a.fillStyle=b.colors.title,a.textAlign=\"center\",a.fillText(b.title,0,-f\/4.25),a.restore());b.units&amp;&amp;(a.save(),a.font=22*(f\/200)+\"px Arial\",\r\na.fillStyle=b.colors.units,a.textAlign=\"center\",a.fillText(b.units,0,f\/3.25),a.restore());A.i8d=!0;a=g.ctx;delete g.ctx}a.clearRect(-t,-u,C,D);a.save();a.drawImage(A,-t,-u,C,D);if(Gauge.initialized)L(),K(),H||(E.onready&amp;&amp;E.onready(),H=!0);else var e=setInterval(function(){Gauge.initialized&amp;&amp;(clearInterval(e),L(),K(),H||(E.onready&amp;&amp;E.onready(),H=!0))},10);return this}};Gauge.initialized=!1;\r\n(function(){var b=document,l=b.getElementsByTagName(\"head\")[0],q=-1!=navigator.userAgent.toLocaleLowerCase().indexOf(\"msie\"),v=\"@font-face {font-family: 'Led';src: url('fonts\/digital-7-mono.\"+(q?\"eot\":\"ttf\")+\"');}\",k=b.createElement(\"style\");k.type=\"text\/css\";if(q)l.appendChild(k),l=k.styleSheet,l.cssText=v;else{try{k.appendChild(b.createTextNode(v))}catch(e){k.cssText=v}l.appendChild(k);l=k.styleSheet?k.styleSheet:k.sheet||b.styleSheets[b.styleSheets.length-1]}var g=setInterval(function(){if(b.body){clearInterval(g);\r\nvar e=b.createElement(\"div\");e.style.fontFamily=\"Led\";e.style.position=\"absolute\";e.style.height=e.style.width=0;e.style.overflow=\"hidden\";e.innerHTML=\".\";b.body.appendChild(e);setTimeout(function(){Gauge.initialized=!0;e.parentNode.removeChild(e)},250)}},1)})();Gauge.Collection=[];\r\nGauge.Collection.get=function(b){if(\"string\"==typeof b)for(var l=0,q=this.length;l&lt;q;l++){if((this[l].config.renderTo.tagName?this[l].config.renderTo:document.getElementById(this[l].config.renderTo)).getAttribute(\"id\")==b)return this[l]}else return\"number\"==typeof b?this[b]:null};function domReady(b){window.addEventListener?window.addEventListener(\"DOMContentLoaded\",b,!1):window.attachEvent(\"onload\",b)}\r\ndomReady(function(){function b(b){for(var e=b[0],d=1,g=b.length;d&lt;g;d++)e+=b[d].substr(0,1).toUpperCase()+b[d].substr(1,b[d].length-1);return e}for(var l=document.getElementsByTagName(\"canvas\"),q=0,v=l.length;q&lt;v;q++)if(\"canv-gauge\"==l[q].getAttribute(\"data-type\")){var k=l[q],e={},g,p=parseInt(k.getAttribute(\"width\"),10),w=parseInt(k.getAttribute(\"height\"),10);e.renderTo=k;p&amp;&amp;(e.width=p);w&amp;&amp;(e.height=w);p=0;for(w=k.attributes.length;p&lt;w;p++)if(g=k.attributes.item(p).nodeName,\"data-type\"!=g&amp;&amp;\"data-\"==\r\ng.substr(0,5)){var d=g.substr(5,g.length-5).toLowerCase().split(\"-\");if(g=k.getAttribute(g))switch(d[0]){case \"colors\":d[1]&amp;&amp;(e.colors||(e.colors={}),\"needle\"==d[1]?(d=g.split(\/\\s+\/),e.colors.needle=d[0]&amp;&amp;d[1]?{start:d[0],end:d[1]}:g):(d.shift(),e.colors[b(d)]=g));break;case \"highlights\":e.highlights||(e.highlights=[]);g=g.match(\/(?:(?:-?\\d*\\.)?(-?\\d+){1,2} ){2}(?:(?:#|0x)?(?:[0-9A-F|a-f]){3,8}|rgba?\\(.*?\\))\/g);for(var d=0,J=g.length;d&lt;J;d++){var s=g[d].replace(\/^\\s+|\\s+$\/g,\"\").split(\/\\s+\/),x={};\r\ns[0]&amp;&amp;\"\"!=s[0]&amp;&amp;(x.from=s[0]);s[1]&amp;&amp;\"\"!=s[1]&amp;&amp;(x.to=s[1]);s[2]&amp;&amp;\"\"!=s[2]&amp;&amp;(x.color=s[2]);e.highlights.push(x)}break;case \"animation\":d[1]&amp;&amp;(e.animation||(e.animation={}),\"fn\"==d[1]&amp;&amp;\/^\\s*function\\s*\\(\/.test(g)&amp;&amp;(g=eval(\"(\"+g+\")\")),e.animation[d[1]]=g);break;default:d=b(d);if(\"onready\"==d)continue;if(\"majorTicks\"==d)g=g.split(\/\\s+\/);else if(\"strokeTicks\"==d||\"glow\"==d)g=\"true\"==g?!0:!1;else if(\"valueFormat\"==d)if(g=g.split(\".\"),2==g.length)g={\"int\":parseInt(g[0],10),dec:parseInt(g[1],10)};else continue;\r\ne[d]=g}}e=new Gauge(e);k.getAttribute(\"data-value\")&amp;&amp;e.setRawValue(parseFloat(k.getAttribute(\"data-value\")));k.getAttribute(\"data-onready\")&amp;&amp;(e.onready=function(){eval(this.config.renderTo.getAttribute(\"data-onready\"))});e.draw()}});window.Gauge=Gauge;\r\n&lt;!-- Gauge Code Ends --&gt;\r\n        \r\n        function GetArduinoInputs()\r\n        {\r\n            nocache = \"&amp;nocache=\" + Math.random() * 1000000;\r\n            var request = new XMLHttpRequest();\r\n            request.onreadystatechange = function()\r\n            {\r\n                if (this.readyState == 4) {\r\n                    if (this.status == 200) {\r\n                        if (this.responseXML != null) {\r\n                            \/\/data_val  = this.responseXML.getElementsByTagName('analog')[0].childNodes[0].nodeValue;\r\ndata_val = \"10.01\";                           \r\ndata_val2 = this.responseXML.getElementsByTagName('analog')[1].childNodes[0].nodeValue;\r\n                            \/\/data_val  = ((data_val * 5.0 \/ 1024.0) - 0.5) \/ 0.01;\r\n                            \/\/data_val2 = ((data_val2 * 5.0 \/ 1024.0) - 0.5) \/ 0.01;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            request.open(\"GET\", \"ajax_inputs\" + nocache, true);\r\n            request.send(null);\r\n            setTimeout('GetArduinoInputs()', 200);\r\n            \r\n        }\r\n\r\n    &lt;\/script&gt;\r\n &lt;script\r\nsrc=\"jquery.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;script type=\"text\/javascript\"&gt;\r\n            $(function(){\r\n                $.get('ajax.php', function(data){\r\n                    $(\"p\").html(data);\r\ntempr = data ;\r\n                });\r\n            })\r\nvar refreshId = setInterval(function() {\r\n            $(function(){\r\n                $.get('ajax.php', function(data){\r\n                    $(\"p\").html(data);\r\ntempr = data ;\r\n                });\r\n            })\r\n}, 1000);\r\n\r\n&lt;\/script&gt;\r\n\r\n    &lt;\/head&gt;\r\n    &lt;body onload=\"GetArduinoInputs()\"&gt;\r\n   \r\n    \r\n   &lt;div &gt;\r\n \r\n        &lt;canvas id=\"an_gauge_2\" data-title=\"Kurtscheid\" data-units=\"Temp. &amp;deg;C\" width=\"150\" height=\"150\" data-major-ticks=\"-20 -10 0 10 20 30 40 50\" data-type=\"canv-gauge\" data-min-value=\"-20\" data-max-value=\"50\" data-highlights=\"-20 0 #4D89F2, 0 10 #25B8D9, 10 30 #0BB950, 30 40 #cc5, 40 50 #f33\" data-onready=\"setInterval( function() { Gauge.Collection.get('an_gauge_2').setValue(tempr);}, 200);\"&gt;&lt;\/canvas&gt;\r\n&lt;\/div&gt;\r\n \r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>Ajax Auslese (ajax.php):<\/p>\n<pre class=\"lang:default decode:true\" title=\"ajax\">&lt;?php\r\n$tv = shell_exec('cat tempk.log');\r\n$tv=str_replace(\"\\n\",\"\",\"$tv\");\r\necho $tv;\r\n?&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Canvas Gauge zur Temperaturanzeige Beispiel: &nbsp; &nbsp; &nbsp; &nbsp; F\u00fcr dieses Gauge habe ich ein Beispielscript vorbereitet: index.php (dieses jquerry-script wird ben\u00f6tigt) : &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;\/title&gt; &lt;script&gt; var data_val = 0; var data_val2 = 0; &lt;!&#8211; Gauge Code&#8230; <a class=\"more-link\" href=\"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Canvas Gauge zur Temperaturanzeige<\/title>\n<meta name=\"description\" content=\"Canvas Gauge zur Temperaturanzeige\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Canvas Gauge zur Temperaturanzeige\" \/>\n<meta property=\"og:description\" content=\"Canvas Gauge zur Temperaturanzeige\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/\" \/>\n<meta property=\"og:site_name\" content=\"bmetallica.de\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T07:34:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/index.php\\\/canvas-gauge-zur-temperaturanzeige\\\/\",\"url\":\"https:\\\/\\\/www.bmetallica.de\\\/index.php\\\/canvas-gauge-zur-temperaturanzeige\\\/\",\"name\":\"Canvas Gauge zur Temperaturanzeige\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/#website\"},\"datePublished\":\"2015-11-15T01:06:58+00:00\",\"dateModified\":\"2026-05-07T07:34:24+00:00\",\"description\":\"Canvas Gauge zur Temperaturanzeige\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/index.php\\\/canvas-gauge-zur-temperaturanzeige\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bmetallica.de\\\/index.php\\\/canvas-gauge-zur-temperaturanzeige\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/index.php\\\/canvas-gauge-zur-temperaturanzeige\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.bmetallica.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"canvas gauge zur Temperaturanzeige\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/#website\",\"url\":\"https:\\\/\\\/www.bmetallica.de\\\/\",\"name\":\"bmetallica.de\",\"description\":\"das Wissen der Welt geh\u00f6rt den Menschen\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/#\\\/schema\\\/person\\\/95f9265fa19015a54cb0537aad39bf97\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bmetallica.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.bmetallica.de\\\/#\\\/schema\\\/person\\\/95f9265fa19015a54cb0537aad39bf97\",\"name\":\"bmetallica\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g\",\"caption\":\"bmetallica\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Canvas Gauge zur Temperaturanzeige","description":"Canvas Gauge zur Temperaturanzeige","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/","og_locale":"de_DE","og_type":"article","og_title":"Canvas Gauge zur Temperaturanzeige","og_description":"Canvas Gauge zur Temperaturanzeige","og_url":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/","og_site_name":"bmetallica.de","article_modified_time":"2026-05-07T07:34:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/","url":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/","name":"Canvas Gauge zur Temperaturanzeige","isPartOf":{"@id":"https:\/\/www.bmetallica.de\/#website"},"datePublished":"2015-11-15T01:06:58+00:00","dateModified":"2026-05-07T07:34:24+00:00","description":"Canvas Gauge zur Temperaturanzeige","breadcrumb":{"@id":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bmetallica.de\/index.php\/canvas-gauge-zur-temperaturanzeige\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bmetallica.de\/"},{"@type":"ListItem","position":2,"name":"canvas gauge zur Temperaturanzeige"}]},{"@type":"WebSite","@id":"https:\/\/www.bmetallica.de\/#website","url":"https:\/\/www.bmetallica.de\/","name":"bmetallica.de","description":"das Wissen der Welt geh\u00f6rt den Menschen","publisher":{"@id":"https:\/\/www.bmetallica.de\/#\/schema\/person\/95f9265fa19015a54cb0537aad39bf97"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bmetallica.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/www.bmetallica.de\/#\/schema\/person\/95f9265fa19015a54cb0537aad39bf97","name":"bmetallica","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g","caption":"bmetallica"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/1a90b65655e93274890daff126ceebcc75e52e4da445ee5c6831e925e3c619cf?s=96&d=mm&r=g"}}]}},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8uhVF-2b","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":9,"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":905,"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/905"}],"wp:attachment":[{"href":"https:\/\/www.bmetallica.de\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}