没有 jquery 背景：-webkit-canvas(?) 的 java 脚本不包含“.getCSSCanvasContext”但“.getContext('2d'); 代替

Posted 2023-02-22

【中文标题】没有 jquery 背景：-webkit-canvas(?) 的 java 脚本不包含“.getCSSCanvasContext”但“.getContext(\'2d\'); 代替

【英文标题】：no jquery background: -webkit-canvas(?) with a java script that doesn't contain ".getCSSCanvasContext" but ".getContext('2d'); instead没有 jquery 背景：-webkit-canvas(?) 的 java 脚本不包含“.getCSSCanvasContext”但“.getContext('2d'); 代替

【发布时间】：2015-07-05 07:50:20

【问题描述】：

我不想在这个项目上使用 jquery。我已经使用“背景：-moz-element(#niose)”但“背景：-webkit-canvas(niose);”为 FireFox 解决了这个问题javascript包含的不起作用

canvas = document.getElementById("niose");
ctx = canvas.getContext('2d');

不是

ctx = document.getCSSCanvasContext("2d", "niose", 170, 9);

如何使用“背景：-webkit-canvas(?);”用这个脚本？画布是动画，所以我不想使用“Canvas.toDataURL("image/png")” 在渲染画布后添加这些行

var ctx = document.getCSSCanvasContext('2d','niose',170,90);
ctx.drawImage(canvas, 0, 0); 

适用于“背景：-webkit-canvas(niose);”但是“背景：-moz-element(#niose)”不再起作用了。

【参考方案1】：

问题通过添加解决

   var ctx = document.getCSSCanvasContext('2d','niose',170,90);
   ctx.drawImage(canvas, 0, 0); 

在渲染线之后但在循环的开始