1.等腰直角三角形：

　　https://www.cnblogs.com/FlyingLiao/p/9869040.html

2.1任意三角形：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

    .yuanXing{

        width:60px;

        border-top:30px solid black;

        border-bottom:30px solid red;

        border-left:30px solid blue;

        border-right:30px solid pink;

    }

    .dengYao2{

        /* 在此以红色三角形为主 */

        width:0px;

        /* border-top:60px solid white; */

        /* 改变三角形的高 */

        border-bottom:60px solid red;

        /* 改变三角形左边底 */

        border-left:50px solid white;

        /* 改变三角形右边底 */

        border-right:30px solid white;

    }

</style>

</head>

<body>

<div class="yuanXing"></div>

<br/>

<div class="dengYao2"></div>

</body>

</html>

2.2任意三角形（SVG）目前最好的。

　　原地址：http://www.runoob.com/svg/svg-polygon.html

<!-- svg有默认宽高 ,所以polygon的宽高不能超出父元素宽高 -->

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

  <polygon points="200,10 250,190 160,210"

  style="fill:lime;stroke:purple;stroke-width:1"/>

</svg>
  • points 属性定义多边形每个角的 x 和 y 坐标

2.3任意三角形（包括多边形 利用canvas）也不错。

地址效果：https://codepen.io/flyingliao/pen/JzJgmP?editors=1010

HTML code：

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">

<!-- 如果浏览器不支持会显示以下内容-->

Your browser does not support the canvas element.

</canvas>

JavaScript  code：

var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");

/* 起点 */

cxt.moveTo(30,10);

/* 绘制三角形顺时针方向 */

cxt.lineTo(60,40);

cxt.lineTo(0,40);

cxt.lineTo(30,10);

/* 绘制 */

cxt.stroke();

2.Triangle （三角形）的更多相关文章

  1. [LeetCode] Triangle 三角形

    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...

  2. UVa OJ 194 - Triangle (三角形)

    Time limit: 30.000 seconds限时30.000秒 Problem问题 A triangle is a basic shape of planar geometry. It con ...

  3. LeetCode Triangle 三角形（最短路）

    题意:给一个用序列堆成的三角形,第n层的元素个数为n,从顶往下,每个元素可以选择与自己最近的两个下层元素往下走,类似一棵二叉树,求最短路. [], [,4], [6,,7], [4,,8,3] 注意: ...

  4. Triangle 三角形——找出三角形中从上至下和最小的路

    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...

  5. 120 Triangle 三角形最小路径和

    给出一个三角形(数据数组),找出从上往下的最小路径和.每一步只能移动到下一行中的相邻结点上.比如,给你如下三角形:[     [2],    [3,4],   [6,5,7],  [4,1,8,3]] ...

  6. LeetCode 976. Largest Perimeter Triangle (三角形的最大周长)

    题目标签:Array 题目给了我们一个 边长的 array, 让我们找出 最大边长和的三角形,当然前提得是这三条边能组成三角形.如果array 里得边长组成不了三角形,返回0. 最直接的理解就是,找到 ...

  7. poj 2954 Triangle 三角形内的整点数

    poj 2954 Triangle 题意 给出一个三角形的三个点,问三角形内部有多少个整点. 解法 pick's law 一个多边形如果每个顶点都由整点构成,该多边形的面积为\(S\),该多边形边上的 ...

  8. LeetCode 120. Triangle三角形最小路径和 (C++)

    题目: Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjace ...

  9. Leetcode120.Triangle三角形最小路径和

    给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径和为 11 ...

  10. LeetCode 120. Triangle (三角形最小路径和）详解

    题目详情 给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径 ...

随机推荐

  1. 只需 5 秒钟，你就能取到 WPF 程序的超高分辨率超高清截图

    我想要截取一个 WPF 程序的图标,但是它太小了.如果我就这样截屏截下来,是很不高清的.由于我需要制作一份课件,所以我需要超高清版本,可是,如何做才能最快速拿到 WPF 程序的超高清截图呢? 本文分享 ...

  2. 【java规则引擎】《Drools7.0.0.Final规则引擎教程》第4章 4.2 ruleflow-group&salience

    转载至:https://blog.csdn.net/wo541075754/article/details/75299888 ruleflow-group 在使用规则流的时候要用到ruleflow-g ...

  3. JSON字符串-赋张最初接触后台从map转json的方法

    **************************************** json数组: *************************************************** ...

  4. oracle 变量作用域

    以下为测试 代码块DECLARE  v_i number := 100;  v_p VARCHAR2(200) := 'a';BEGIN  DECLARE    v_i number := 999;  ...

  5. Kettle入门教程

    最近做的项目用到了ETL工具Kettle,这个工具相当好用,可以将各种类型数据作为数据流,经过处理后再生成各种类型的数据.正如其名“水壶”,将各个地方的水倒进水壶里,再用水壶倒入不同的容器.不过一来初 ...

  6. Charles ：mac上的手机代理

    能在手机访问电脑上的网页. 配置: 下载 Charles,选中 Proxy => macOS Proxy Proxy => Proxy Setting 配置上端口 手机无线手动代理,配置上 ...

  7. opencv中的洪水填充算法

    在图像处理里,如果我们需要填充一个区域,使该区域为相同的颜色,则比较常用的是洪水填充法.洪水填充法可以用DFS也可以用BFS实现. opencv下有函数实现该功能: CVAPI(void) cvFlo ...

  8. 导出pb模型之后测试的python代码

    链接:https://blog.csdn.net/thriving_fcl/article/details/75213361 saved_model模块主要用于TensorFlow Serving.T ...

  9. Letterbox,Pillarbox和Pan&Scan

    Auto 不改变窗口设置16:9 PillarBox: 4:3的图像,在16:9的显示屏上显示时,上下到顶,左右会添加黑边. 16:9 Pan&Scan 4:3的图像,在16:9的显示屏上显示 ...

  10. MFC的组合框（ComboBox）控件切换下拉样式

    由于课题的需求需要做MFC串口程序,看了百度下载的串口助手的界面风格,发现这个设计很好 波特率的组合框只给出了5个可选数值,然后第6个选项是Custom,即手动输入. 实际上DCB结构的BaudRat ...