通过PHP更改JS值
Change JS value via PHP
我已经写了一些JavaScript,现在我想通过php输入更改text
变量。我该怎么做?我希望有任何选择可以让它变得简单,但现在我对此一无所知
var canvas = document.querySelector('canvas');
var context = canvas.getContext('2d');
var maxWidth = 252;
var lineHeight = 15;
var x = (canvas.width - maxWidth) / 2;
var y = 100;
var text = 'duuuuzo teeeekstuuu ksda sasdjk asjdk asjkdablsd ab dsjhabdsalkdbs adsj asbld';
function print(context, text, x, y, maxWidth, lineHeight) {
var words = text.split(' ');
var line = '';
words.forEach(function(word) {
var testLine = line + word + ' ';
var metrics = context.measureText(testLine);
var testWidth = metrics.width;
if (testWidth > maxWidth) {
context.fillText(line, x, y);
line = word + ' ';
y += lineHeight;
} else {
line = testLine;
}
});
context.fillText(line, x, y);
}
context.fillStyle = '#333';
context.fillRect(0, 0, canvas.width, canvas.height);
context.fillStyle = '#fff';
context.font = '13px Arial, sans-serif';
print(context, text, x, y, maxWidth, lineHeight);
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Generator</title>
</head>
<body>
<canvas width="272" height="340"></canvas>
<script src="js/index.js"></script>
</body>
</html>
有人能帮我吗?
脑海中浮现出几个想法:
- 让PHP处理.js扩展名,并生成一个.js文件来填充该值
- 让PHP设置HTML中全局
text
变量的值(这将成为一个PHP页面) - 通过AJAX获取值
也许您可以在画布下使用数据属性
<div id="myCanvas" data-text="<?php echo $myValue; ?>">
<canvas width="272" height="340"></canvas>
</div>
你可以这样得到:
var text = document.getElementById('myCanvas').dataset.text;
如何将变量和数据从PHP传递到JavaScript?
相关文章:
- React js更改状态不会更新组件
- 使用 Pure JS 更改 HTML 标记名称
- Fabric.js-更改矩形填充
- Three.js更改材质
- 如何通过js更改td的属性
- charts js更改折线图轴的字体大小/颜色和背景线
- 用js更改字符代码并显示新字符
- 使用JS更改css
- JS更改无法在Chrome中提交
- 使用Jquery和JS更改CSS
- JS+更改元素CSS+命名锚点
- 用js更改类名
- 主干.js更改模型的 url 参数,提取不会更新获取的数据
- 通过普通JS更改元素的索引(顺序)
- 基于url hash-hullbs.js更改表达式
- 用JS更改Wordpress网站上的按钮
- Angular JS:更改html块中所有链接的指令
- 使用prototype js更改子图像源
- 主干 js - 更改模型属性
- 时刻.js - 更改已格式化的过去日期的格式