javascript - JavaScriptキャンバスタグとストロークテキストメソッド

原文 javascript php html canvas

ストロークテキストメソッドは機能しません。問題は次の行にあります。

cns.strokeText(<?php echo posST($StreamVal[0][0]); ?>,x,y);  

その配列要素([0] [0]の要素)で数値を使用すると、問題は発生せず、コードは正しく動作します。しかし、文字列値を使用すると、値が表示されません。

<?php
$StreamVal=array(
array("Stream1",80),
array("Stream2",10),
array("Stream3",10),
array("Stream4",10)
);
function posST($Stream)
{
    return $Stream;
}
?>
<script>
var c = document.getElementById("Canvas");
var cns = c.getContext("2d");
var x=50*Math.cos((<?php echo posST($StreamVal[0][1]); ?>*Math.PI)/50)+100;
var y=50*Math.sin((<?php echo posST($StreamVal[0][1]); ?>*Math.PI)/50)+75;
cns.font = "30px Arial";
**cns.strokeText(<?php echo posST($StreamVal[0][0]); ?>,x,y);**  
</script>

どうすればこれを解決できますか？

答え

javascript 関数を使用してみてください

関連記事