小编Bha*_*thi的帖子

设置HTML5 Canvas的背景填充,描边和不透明度

我使用下面的代码来设置样式myCanvas,但我无法设置fillStyle.然而,strokeStyle并且lineWidth工作正常.有人可以帮忙吗?

Init()
{
     var can = byId('myCanvas');

        // get it's context
        hdc = can.getContext('2d');

        hdc.strokeStyle = 'red';
        hdc.lineWidth = 2;

        // Fill the path
        hdc.fillStyle = "#9ea7b8";
        hdc.opacity = 0.2;
        hdc.fill();
}

// And call the drawPoly function with coordinates.
function drawPoly(coOrdStr) {
        var canvas = byId('myCanvas');
        hdc.clearRect(0, 0, canvas.width, canvas.height);

        var mCoords = coOrdStr.split(',');
        var i, n;
        n = mCoords.length;
        hdc.beginPath();
        hdc.moveTo(mCoords[0], mCoords[1]);
        for (i = 2; i < n; i …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 canvas

13
推荐指数
2
解决办法
9万
查看次数

找到地图的未定形多边形的中心点

我在未定形的多边形地图的中心画圆圈.圆圈位于该国大部分地区的中心.但对于"挪威"多边形的形状,返回中心点是错误的.缩放/缩放页面后,您可以清楚地看到差异.

在此输入图像描述

我使用了这个stackoverflow解决方案:链接

我的代码在这里.SVG:

<svg xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; z-index: 0; float: left; background: transparent; height: 500px; width: 500px; margin-top: 0px; margin-left: 0px;">
 <path class="mapShape" stroke="#FFFFFF" stroke-width="0.25" fill="#ffff00" d="M289.61881571694846,107.44341140465033,293.96308112495205,110.5369251340838,292.1742152937817,111.64028258514635,293.69594267913214,114.17588213225122,291.33275072129567,115.75640079550517,290.21101327644885,116.115304587361,290.79940687634996,113.34302402649551,289.01707237203874,111.73064813415773,286.86058614336986,113.10652807111005,286.17946205663384,116.00897875925767,284.8551099335093,117.71420145300249,283.3639577705983,116.78716653168755,281.5503303156214,116.97787478097227,280.0068557650149,114.91879878457861,279.17443456817995,115.95395481299134,278.3128736053582,116.11389849530838,278.1091105619184,118.63382135713674,275.4914839478672,118.02707970555407,275.1238635503685,120.11785014900434,273.7901091874799,120.10529402219055,272.87321137841224,122.7050543288587,271.48390485080984,126.60600357598904,269.3273468493182,131.3173178164711,269.8332017031975,132.42411528484843,269.3498835156233,133.6909765856373,267.9721324124638,133.63667113556374,267.07023512332535,136.56637255563933,267.1556447822521,140.55669253761528,268.04325927968785,142.03410132622142,267.5838414420485,145.3716436133896,266.42815545209885,147.26315676671453,265.8157897294402,148.82368555076928,264.88410671891126,147.16092140518467,262.1416671663106,150.27022727262624,260.28992834251846,150.88797751378152,258.3692158361812,149.54060413568916,257.8725479035983,146.63056295282385,257.4334417747625,140.05376745248705,258.71236170116373,138.13152704055724,262.3797376189663,135.55992732652805,265.12181830745385,132.29324106111955,267.6643705490366,127.68026976914571,271.0015914827522,120.85619046583638,273.32767689129025,118.04298816880565,277.1444838258035,113.13815447740048,280.19224496586196,111.35745222872376,282.47741986550216,111.5754647031133,284.5924214026924,108.10819671605745,287.12506899475255,108.29698566394183ZM284.83905555555555,72.19815552139636,281.7365555555555,74.85366572152822,279.28612499999997,73.35699077101634,280.24459722222224,71.66044868206447,279.40541666666667,69.508641420061,282.28369444444445,68.1303212868272,282.8351944444444,70.69457195193213ZM275.84976388888896,58.9806663889022,280.42198611111115,64.57567572395904,276.92690277777774,67.37974197318883,276.1551666666667,72.37724133868834,274.9366805555556,73.61091608778322,274.2752777777778,78.81637965917018,272.6015972222222,79.05316716888755,269.61470833333334,75.26524507138704,270.87438888888886,72.97467771855085,268.79249999999996,71.06094914643477,266.0865416666667,65.20265086315597,265.0062916666667,59.363240232610856,268.7927361111111,56.545993503156645,269.5535,59.301357483657114,271.5316944444445,59.193568518861454,272.0590972222222,56.500983977896404,274.0984027777777,56.221878380253195ZM285.84392411084985,53.30414066139549,288.5659801818243,56.17728511117262,286.50645903652526,60.397046089088526,282.4784246850189,61.291565425339506,278.3822061520165,60.0221846103223,278.1350923237096,57.880800099653854,276.14203281216373,57.74271786397911,274.62224329302427,54.037937230381914,278.9111000819593,51.69790103414376,280.92770107932694,53.71698527072119,282.3322952181492,51.194805998985345Z" stroke-linejoin="round" stroke-linecap="square" nodeValue="#E0E0E0"></path>
<circle fill="#FE0000" cx="271.7692623673869" cy="128.99711033923683" fill-opacity="1" r="1"></circle>
</svg>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

var path = "289.61881571694846,107.44341140465033,293.96308112495205,110.5369251340838,292.1742152937817,111.64028258514635,293.69594267913214,114.17588213225122,291.33275072129566,115.75640079550517,290.21101327644885,116.115304587361,290.79940687634996,113.34302402649551,289.01707237203874,111.73064813415773,286.86058614336985,113.10652807111005,286.17946205663383,116.00897875925767,284.8551099335093,117.71420145300249,283.3639577705983,116.78716653168754,281.5503303156214,116.97787478097227,280.0068557650149,114.91879878457861,279.17443456817994,115.95395481299134,278.3128736053582,116.11389849530837,278.1091105619184,118.63382135713674,275.4914839478672,118.02707970555407,275.1238635503685,120.11785014900434,273.7901091874799,120.10529402219055,272.87321137841223,122.7050543288587,271.48390485080983,126.60600357598903,269.3273468493182,131.3173178164711,269.8332017031975,132.42411528484843,269.3498835156233,133.6909765856373,267.9721324124638,133.63667113556374,267.07023512332534,136.56637255563933,267.1556447822521,140.55669253761528,268.04325927968784,142.03410132622142,267.5838414420485,145.3716436133896,266.42815545209885,147.26315676671453,265.8157897294402,148.82368555076928,264.88410671891125,147.16092140518467,262.1416671663106,150.27022727262624,260.28992834251846,150.88797751378152,258.3692158361812,149.54060413568916,257.8725479035983,146.63056295282385,257.4334417747625,140.05376745248705,258.71236170116373,138.13152704055724,262.3797376189663,135.55992732652805,265.12181830745385,132.29324106111954,267.6643705490366,127.68026976914571,271.0015914827522,120.85619046583638,273.32767689129025,118.04298816880565,277.1444838258035,113.13815447740047,280.19224496586196,111.35745222872376,282.47741986550215,111.5754647031133,284.5924214026924,108.10819671605745,287.12506899475255,108.29698566394182"
        var stringData = path.split(",");
        var length = stringData.length;
        var data = [], obj;

        for (var i = 0; i < length; i = i + 2) {
            obj = { x: parseFloat(stringData[i]), y: parseFloat(stringData[i + 1]) }; …
Run Code Online (Sandbox Code Playgroud)

javascript maps svg google-maps polygon

9
推荐指数
1
解决办法
662
查看次数

如何在jquery中获取右,左,上和下箭头键值

我使用了以下代码,每当单击箭头键(左,右,上,下)时,我得到的键值为"0".有人可以帮忙吗?

 $(document).keypress(function (e) {

 alert("key value: " + e.which); 

  });
Run Code Online (Sandbox Code Playgroud)

按键时如何获得(向上,向下,向右,向左)箭头键值.

javascript jquery javascript-events

5
推荐指数
1
解决办法
1万
查看次数

如何以编程方式在javascript中获取旋转的svg文本边界

我正在动态渲染SVG图像并创建旋转文本.如果旋转的文本与其他文本重叠,我需要删除该文本.但我无法测量旋转的文本来创建边界并检查下一个标签文本区域.

我已经创建了3个SVG元素来解释.

  1. SVG-1显示重叠的文本.
  2. SVG-2显示重叠的旋转文本(角度-10)
  3. SVG-3显示旋转的文本而不重叠(角度-50)

我将动态地将文本旋转到任何角度.如果在旋转文本时它重叠,我需要以编程方式删除重叠的文本.

小提琴链接

<div style=" width: 150px;height: 150px;">

  <svg style="width: 250px; height: 144px; border: solid black 1px;">
    <text id="XLabel_0" x="75" y="30">Sprint 13_March_2015</text>
    <text id="XLabel_1" x="100" y="30">DT_Apr2015_Sprint13</text>
  </svg>

  <svg style="width: 250px; height: 144px; border: solid black 1px;">
    <text id="Label_0" x="75" y="30" transform="rotate(10, 75, 34.5)">Sprint 13_March_2015</text>
    <text id="XLabel_1" x="100" y="30" transform="rotate(10, 100, 34.5)">DT_Apr2015_Sprint13</text>
  </svg>

  <svg style="width: 250px; height: 144px; border:solid black 1px;">
    <text id="XLabel_0" x="75" y="30" transform="rotate(50,94,34.5)">Sprint 13_March_2015</text>
    <text id="XLabel_1" x="100" y="30" transform="rotate(50,123,61)" >DT_Apr2015_Sprint13</text>
  </svg>
  
</div>
Run Code Online (Sandbox Code Playgroud)

谁有人建议解决方案?

javascript jquery html5 svg trigonometry

5
推荐指数
1
解决办法
404
查看次数

Date.parse() 在 Mozilla Firefox JavaScript 中无法正常工作

我有字符串 dateTime 值“01-01-2013 12:00:00 AM”并使用Date.parse("01-01-2013 12:00:00 AM"). 这在 Google Chrome 和 IE 浏览器中运行良好。但不适用于Firefox。任何人都可以帮助如何在Mozilla Firefox 中将此特定字符串解析为 dateTime 值。

谢谢,巴拉蒂。

javascript jquery datetime date

4
推荐指数
1
解决办法
1738
查看次数

如何找到圆的两个点之间的角度?

我有圆和半径的centerX和centerY值.现在我有(x1,y1)点在圆圈上.我想知道这个点的圆角.

我尝试了以下公式来获得(x1,y1)的角度.但它没有提供通用的解决方案.

radian = Math.Atan2(y1 - Cy, x1 - Cx);
angle = radian * (180 / Math.PI);
Run Code Online (Sandbox Code Playgroud)

请参阅截图以了解我的要求.

在此输入图像描述

任何人请让我建议我做错了什么.

c# math geometry trigonometry

4
推荐指数
1
解决办法
1893
查看次数

如何将 Xamarin.Forms 共享项目迁移到 .NetStandard 项目

我有一个 Xamarin.Forms 共享项目(不是 PCL)应用程序,想要迁移到 .NetStandard 项目。我在网上办理了登机手续,但没有得到任何参考。我欢迎你的提示

谢谢,

xamarin xamarin.forms

4
推荐指数
1
解决办法
967
查看次数

计算对数趋势线的斜率和截距值作为excel

我正在生成对数趋势线并为此使用 Excel 公式。但我无法计算在 Excel 中计算的斜率和截距值。我想,我在我的公式中犯了一些错误。

这是我的代码

 var X= [10, 25, 30, 40]; Y= [5, 4, 7, 12];

 var Slope, Intercept, SX = 0, SY = 0,
            SXX = 0, SXY = 0, SYY = 0,
            SumProduct = 0, N = X.length;

            for (var i = 0; i < N; i++) {
                SX = SX + X[i];
                SY = SY + Y[i];
                SXY = SXY + X[i] * Y[i];
                SXX = SXX + X[i] * X[i];
                SYY = SYY + Y[i] …
Run Code Online (Sandbox Code Playgroud)

javascript excel vba trendline excel-charts

3
推荐指数
1
解决办法
2235
查看次数

第一次在 chrome 浏览器中无法打印

我有一些 html 内容和图像,并在单击按钮时打印页面。当我第一次打印它时,打印预览页面是空的,第二次它很好。请帮助解释为什么它不是第一次打印页面

图像源是 base-64 格式。所以,由于内容很大,我无法添加代码片段,请查看演示链接。

<input type="button" id="printImage" onclick=printImage() value="print" />
Run Code Online (Sandbox Code Playgroud)
function printImage() {
  var htmlContent = "The html code in stack-overflow exceeded. So please check with demo link for html content";
  var win = window.open();
  win.document.write(htmlContent);
  win.document.close();
  win.focus();
  win.print();
  win.close();
}
Run Code Online (Sandbox Code Playgroud)

示例演示链接

任何人都可以帮助我。。

html javascript printing jquery

3
推荐指数
1
解决办法
1772
查看次数

如何修复 C# 中无法表示的 DateTime

我在我的项目中使用了以下代码。当我添加“13”行时,它会抛出异常,例如“年、月和日参数描述了无法表示的日期时间”。Points 包含两个值 X 和 Y。即.. Points.Add(X, Y)。我使用X作为日期格式,Y是双精度值

ser1.Points.Add(new DateTime(2000, 02, 11), 21);
        ser1.Points.Add(new DateTime(2000, 09, 14), 25);
        ser1.Points.Add(new DateTime(2001, 02, 11), 30);
        ser1.Points.Add(new DateTime(2001, 09, 16), 33);
        ser1.Points.Add(new DateTime(2002, 02, 07), 23);
        ser1.Points.Add(new DateTime(2002, 09, 07), 28);
        ser1.Points.Add(new DateTime(2003, 02, 11), 30);
        ser1.Points.Add(new DateTime(2003, 09, 14), 38);
        ser1.Points.Add(new DateTime(2004, 02, 06), 35);
        ser1.Points.Add(new DateTime(2004, 09, 06), 38);
        ser1.Points.Add(new DateTime(2005, 02, 11), 30);
        ser1.Points.Add(new DateTime(2005, 09, 11), 27);

        ser1.Points.Add(new DateTime(2006, 02, 29), 25);//getting error add this …
Run Code Online (Sandbox Code Playgroud)

c# asp.net

2
推荐指数
1
解决办法
6343
查看次数

将List <double>转换为object []

我有一些动态列表集合,这是在运行时添加的.我想将那些ListColl转换为对象数组.以下是我的代码

 List<double> ListColl = new List<double>();
 // This is added dynamically and finally want to convert this list into object array
  values.Add(10);
  values.Add(40);
  values.Add(20);
Run Code Online (Sandbox Code Playgroud)

预期的输出是这样的

object[] objArray = new object[] { 10, 40, 20 };
Run Code Online (Sandbox Code Playgroud)

我用过object[] objArray = ListColl.ToArray().但这是错误.

如何将此列表集合转换为对象数组

c#

2
推荐指数
1
解决办法
333
查看次数

在winforms C#中不显示DrawString自定义控件文本

我创建了一个自定义控件并将其绑定到Form.我在控件中绘制图形文本并添加到Form.但它没有显示表格.这是我的代码.

//创建自定义控件

 public class DrawTextImage : Control
    {

        public void DrawBox(PaintEventArgs e, Size size)
        {
            e.Graphics.Clear(Color.White);
            int a = 0;
            SolidBrush textColor = new SolidBrush(Color.Black);
            using (SolidBrush brush = new SolidBrush(Color.Red))
            {

                e.Graphics.FillRectangle(brush, new Rectangle(a, a, size.Width, size.Height));
                e.Graphics.DrawString("Text", Font, textColor, new PointF(50, 50));
            }
        }
    }
Run Code Online (Sandbox Code Playgroud)

//加载Form1

public Form1()
        {
            InitializeComponent();          

            DrawTextImage call = new DrawTextImage();
            call.Text = "TextControl";
            call.Name = "TextContrl";
            Size siz = new Size(200, 100);
            call.Location = new Point(0, 0);
            call.Visible = true;
            call.Size = siz; …
Run Code Online (Sandbox Code Playgroud)

c# winforms c#-4.0

1
推荐指数
1
解决办法
387
查看次数